Grupo de opciones cuya selección se hincha como gelatina.
npx shadcn@latest add https://reactbits.dev/r/JellyRadio-TS-TW
Para acciones frecuentes: confirmar, marcar, valorar. El feedback convierte un clic en una sensación.
| Prop | Tipo | Por defecto |
|---|---|---|
| items | (string | { value: string; label: ReactNode; icon?: ReactNode; disabled?: boolean })[] | ["Off", "Low", "Medium", "High", "Max"] |
| value | string | undefined |
| defaultValue | string | undefined |
| onChange | (value: string, index: number) => void | - |
| chipColor | string | "#27272a" |
| activeColor | string | "#f5f5f5" |
| textColor | string | "#f5f5f5" |
| activeTextColor | string | "#18181b" |
| size | "sm" | "md" | "lg" | "md" |
| gap | number | 8 |
| radius | number | 18 |
| swell | number | 0.2 |
| barge | number | 6 |
| shrink | number | 0.05 |
| jelly | number | 1 |
| bounce | number | 0.25 |
| stagger | number | 22 |
| stiffness | number | 580 |
| disabled | boolean | false |
| ariaLabel | string | "Options" |
| className | string | "" |