Chip

RTL

Chips help filter content, or trigger actions.

Chip

Default

Sizes

Variants

Active

Icons

Is Stroke

Is Stroke with Icons

With onClick

Chip props

NameTypeRequiredDefaultDescription
childrenJSX.Element | stringNo-Children content
iconLeftJSX.Element | booleanNo-Left icon
iconOnlyJSX.Element | booleanNo-Icon without text
iconRightJSX.Element | booleanNo-Right icon
isActivebooleanNofalseActive state
isStrokebooleanNofalseShows stroke on hover/active
sizesm | mdNomdSize of chip
variantdefault | ghostNodefaultVisual/Logical variant of chip