DUTag
ElementsRemovable or static tag chips.
import { DUTag } from 'deri-ui';Live preview
ReactTailwind
typescript
<DUTag tone="primary" onRemove={() => {}}>React</DUTag>Props
| Prop | Type | Default | Description |
|---|---|---|---|
| tone | default | primary | success | warning | danger | — | Color |
| onRemove | () => void | — | Optional remove |
Usage
import { DUTag } from 'deri-ui';
<DUTag tone="primary" onRemove={() => {}}>React</DUTag>Customize with className, radius, and Tailwind utilities. Theme tokens come from deri-ui/tailwind.preset.
Related
© 2026 Deri Ui. Developed by Deribew Shimelis. Copy and use the code freely in your projects.