Products · Components

Chip

A small button that can be selected, such as a filter.

A row of chips makes a filter, like Sent and Received. Keep the chosen one in the state and bind it to selected.

Children: Nothing

Example

The Chip component
view.dml
<View direction="row" gap="small">
  <Chip label="All" selected />
  <Chip label="Sent" icon="send" />
  <Chip label="Received" icon="download" />
</View>

Props

PropTypeWhat it is
labelstring
iconicon name, or one of your own icons
selectedbooleanDefault: false.
disabledbooleanDims it, and the person can't use it.

Events

EventSendsNotes
onTapNothing

Keep reading

On this page