Dial que se lanza con un gesto y deja una estela de cometa.
npx shadcn@latest add https://reactbits.dev/r/CometDial-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| value | number | undefined |
| defaultValue | number | 62 |
| min | number | 0 |
| max | number | 100 |
| step | number | 1 |
| unit | string | "%" |
| label | string | "Level" |
| accent | string | "#f5f5f5" |
| ink | string | "#fdfdfd" |
| size | number | 250 |
| sweep | number | 320 |
| thickness | number | 5 |
| speed | number | 25 |
| tapBounce | number | 0.2 |
| flickBounce | number | 0.1 |
| momentum | number | 1 |
| cometReach | number | 180 |
| cometWidth | number | 12 |
| disabled | boolean | false |
| onChange | (value: number) => void | - |
| onChangeEnd | (value: number, detail: { velocity: number; bounce: number }) => void | - |
| className | string | "" |