LifeUI
1.53.2Speed dial
Un botón de acción flotante que muestra acciones relacionadas.
Color primario
Uso controlado
Con Tooltip
Pocision
Pudes cambiar la posición del speed dial usando la propiedad placement. Las pocisiones disponibles son bottom-left, bottom-center y bottom-right.
Icono personalizado
Props
| Prop | Tipo | Requerido | Descripción |
|---|---|---|---|
colorPallete | 'neutral' | 'primary' | - | El color semantico del disparador. |
defaultOpen | boolean | - | Estado 'open' al renderizarse inicialmente. |
open | boolean | - | El estado abierto controlado. Debe usarse junto con onOpenChange. |
onOpenChange | (isOpen: boolean) => void | - | Manejador de evento que se llama cuando cambia el estado 'open'. |
placement | 'bottom-left' | 'bottom-center' | 'bottom-right' | - | La pocision del speed dial. |
icon | ReactNode | - | Un icono personalizado para el disparador flotante. |