Skip to content
StrataKit Docs

Chip

Chips are used to filter content or trigger actions.

Useful links:

StrataKit MUI modifications

Section titled “StrataKit MUI modifications”
  • The color prop is not supported.
  • The root element is no longer interactive. Instead, a deletable Chip now renders an interactive delete button, and a clickable Chip renders its label as an interactive button.
  • Added a deleteLabel prop to provide an accessible label for the delete button.
  • Replaced the icon used by deletable Chip.

Examples

Section titled “Examples”

Outlined

Section titled “Outlined”

Clickable

Section titled “Clickable”

Deletable

Section titled “Deletable”

Sizes

Section titled “Sizes”
  • Small: Use in compact interfaces where space is limited.
  • Medium: Default size, suitable for most use cases.