Switch
Interruptor de encendido y apagado sobre React Aria. La etiqueta forma parte del control, asi que hacer clic en el texto tambien lo activa, y el estado se anuncia como "activado"/"desactivado".
npx orbitui-cli add switchEstado: privado · el texto de la etiqueta también activa el control.
Props
| Prop | Tipo | Descripción |
|---|---|---|
children | ReactNode | — |
description | string | Texto secundario bajo la etiqueta. |
size | "sm" | "md" | — |
align | "start" | "between" | Pone el interruptor a la derecha y la etiqueta ocupando el ancho. |
className | string | — |
Qué instala
- Archivo
components/orbit/ui/switch.tsx- Componentes
- cx
- Paquetes npm
react-aria-components@^1.5.0
A partir de la instalación el archivo es tuyo: editalo sin miedo. Si volvés a correr add y lo modificaste, el CLI pregunta antes de pisarlo.