DURating
FormsInteractive star rating.
import { DURating } from 'deri-ui';Live preview
typescript
<DURating value={4} onChange={setRating} />Props
| Prop | Type | Default | Description |
|---|---|---|---|
| value | number | — | Filled stars |
| max | number | 5 | Star count |
| readOnly | boolean | — | Disable interaction |
Usage
import { DURating } from 'deri-ui';
<DURating value={4} onChange={setRating} />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.