General guidance

The Chip is a small graphic shape that used as indicator or symbol. It is a table version of chart legend.

Usage

The Chips can be used in the table component to represent the objects such as tapes name, loan status, and so on.

There are four sizes of chips. Any colors can be used in chips.

src/button
<Chip
  color="bg-dataviz-red-500"
  size="small"
/>
Copy to clipboard

src/button
<Chip
  color="bg-dataviz-red-500"
  size="medium"
/>
Copy to clipboard

src/button
<Chip
  color="bg-dataviz-red-500"
  size="large"
/>
Copy to clipboard

src/button
<Chip
  color="bg-dataviz-red-500"
  size="xl"
/>
Copy to clipboard