Orbit UI

Segmented Control

El switcher Weekly/Monthly/Yearly de los charts. Es un radiogroup real, no una fila de botones: se navega con flechas y se anuncia como un grupo con una opcion elegida.

npx orbitui-cli add segmented-control

Probá las flechas del teclado: es un radiogroup, no una fila de botones.

Props

PropTipoDescripción
options*SegmentedOption[]
aria-label*stringEtiqueta accesible del grupo. Sin ella el control se anuncia sin contexto.
size"sm" | "md"
classNamestring

Qué instala

Archivo
components/orbit/ui/segmented-control.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.