Chip

import Chip from "@shpaw415/mui-lite/Chip";

Why use it

Chip is a compact tag for filters, selections, and metadata. Use deletable chips for removable filters; clickable chips for toggle filters.

Default

Primary

Outlined

Deletable

import Chip from "@shpaw415/mui-lite/Chip";
 
<Chip color="primary">React</Chip>
<Chip variant="outlined" onDelete={() => {}}>
  Removable
</Chip>