Chips

Show design guidelines

Chips are a compact way to represent items such as users or entities that have been included in a setting or feature. They can be shown as part of a collection and are added/removed inline.

Chips are used in conjunction with the form Select component. View component

Code

Default

Toggle dark mode

<certara-chip label="Chip"></certara-chip>

Disabled

Toggle dark mode

<certara-chip label="Chip" disabled></certara-chip>

Properties

disabled

Attribute	disabled
Type	boolean
Default	false
Required	false
Description	Disable the chip while true - removing the remove button

label

Attribute	label
Type	string
Default	undefined
Required	false
Description	The text to display within the chip

readOnly

Attribute	read-only
Type	boolean
Default	false
Required	false
Description	Makes the chip read-only, hiding the remove button

Events

Name	Description	Bubbles
certaraClick	Called when the remove button is clicked	true