Skip to main content
/
/
/
Tag

Tag

Small clickable button

import Tag from "@intility/bifrost-react/Tag";
Props

Tags are clickable buttons, if you want a static label instead, see <Badge>

Basic Tag

Use onClick to add your click handler. <Tag> can be marked as selected with active prop.

If clicks on a tag should navigate to a new URL, you should style a link as a Tag instead of using this component.

TSX
<Tag active={boolean} onClick={clickHandler}>
  Text
</Tag>

Compact Tag

Use variant='compact' for a smaller tag.

Disabled

Disable the control with the disabled prop.