Button Group
Groupe de boutons visuellement connectes qui partagent des bordures. Installez Button Group depuis le registre VLLNT UI avec la CLI shadcn.
Plateformes prises en charge:WebNatif
2 storiesVoir le composantSegmented Control
Selecteur segmente a choix unique pour changer de modes, de vues ou de filtres. Installez Segmented Control depuis le registre VLLNT UI avec la CLI shadcn. La source React Native de Segmented Control est incluse dans VLLNT UI 0.4.0 pour iOS et Android. Elle est disponible uniquement comme source ; la publication npm est en attente.
Plateformes prises en charge:WebNatif
Apercu
Basculez entre clair et sombre pour inspecter l'apercu Storybook integre.
Selecteur segmente a choix unique pour changer de modes, de vues ou de filtres. Fait partie de la famille form dans VLLNT UI, il est publie comme entree de registre lisible par machine — copiez la source directement dans votre application avec la CLI shadcn et possedez-la, sans dependance d'execution a une bibliotheque de composants.
Comparaison des plateformes
| Plateforme | Dependances | Capacites |
|---|---|---|
| Web | @vllnt/ui@^0.3.0 | Rendu navigateur, evenements DOM et semantique ARIA |
| Natif | @vllnt/ui-native, react-native | Interactions et accessibilite adaptees au natif |
Installation
Ajoutez Segmented Control a votre projet avec la CLI shadcn. La source arrive dans votre code, prete a etre adaptee :
pnpm dlx shadcn@latest add https://ui.vllnt.com/r/segmented-control.jsonSource
Stories
Explorez chaque variante et etat dans le Storybook interactif :