Skip to main content

Tag

Label, categorize, or organize items using keywords that describe them.

http://localhost:3000
<Tag>Truckload</Tag>

Usage​

Removable​

Set the isRemovable prop to render a remove button within the tag. Can also be triggered by Backspace/Delete key.

http://localhost:3000
<Tag isRemovable>Truckload</Tag>

Click-to-copy​

Set the isCopyable prop to enable click-to-copy functionality.

http://localhost:3000
<Tag isCopyable>Truckload</Tag>

Removable​

Set the isRemovable prop to render a remove button within the tag. Can also be triggered by Backspace/Delete key.

http://localhost:3000
<Tag isRemovable>Truckload</Tag>

Disabled​

To indicate that a tag is disabled, set the isDisabled prop.

http://localhost:3000
<Tag isDisabled>Truckload</Tag>

Adornments​

To add a leading adornment to a tag, set the startAdornment prop.

http://localhost:3000
<Tag isRemovable startAdornment={<Flatbed size="small" />}>
  Truckload
</Tag>

Props​

as?The root element to be rendered