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 composantInput Group
Regroupe un champ de saisie avec des modules en tete ou en fin. Installez Input Group depuis le registre VLLNT UI avec la CLI shadcn. La source React Native de Input Group 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.
Regroupe un champ de saisie avec des modules en tete ou en fin. 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 Input Group 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/input-group.jsonSource
Stories
Explorez chaque variante et etat dans le Storybook interactif :