VLLNT UI · Famille de composants
Composants Overlay
Overlay components layer content above the page — dialogs, sheets, drawers, popovers, tooltips, and toasts. Focus management and dismissal are handled for you, built on accessible Radix primitives.
Modal Dialogs
Modal dialogs for confirming actions, focusing attention, and sharing content, including alert and share dialogs.
Alert Dialog
Boite de dialogue modale pour confirmer des actions destructrices ou importantes. Installez Alert Dialog depuis le registre VLLNT UI avec la CLI shadcn.
1 storyDialog
Superposition de dialogue modale pour du contenu et des actions cibles. Installez Dialog depuis le registre VLLNT UI avec la CLI shadcn.
1 storyShare Dialog
Boite de dialogue modale pour partager une page sur les plateformes sociales avec une action de copie du lien et des libelles remplacables. Installez Share Dialog depuis le registre VLLNT UI avec la CLI shadcn.
1 storySlide-Out Panels
Edge-anchored drawers and sheets for secondary content and mobile-friendly slide-out navigation.
Menus & Commands
Command palettes and context, dropdown, and right-click menus for quick keyboard-driven actions.
Command
Palette de commandes avec recherche, groupes et navigation au clavier. Installez Command depuis le registre VLLNT UI avec la CLI shadcn.
1 storyContext Menu
Menu contextuel au clic droit avec des elements et des sous-menus. Installez Context Menu depuis le registre VLLNT UI avec la CLI shadcn.
1 storyDropdown Menu
Menu deroulant accessible avec des elements, des cases a cocher, des groupes de boutons radio et des sous-menus. Installez Dropdown Menu depuis le registre VLLNT UI avec la CLI shadcn.
1 storyPopovers & Tooltips
Floating popovers, hover cards, and tooltips for contextual hints and on-hover content previews.
Popover
Panneau de contenu flottant ancre a un element declencheur. Installez Popover depuis le registre VLLNT UI avec la CLI shadcn.
1 storyHover Card
Carte qui apparait au survol pour previsualiser du contenu. Installez Hover Card depuis le registre VLLNT UI avec la CLI shadcn.
1 storyTooltip
Info-bulle affichee au survol ou au focus. Installez Tooltip depuis le registre VLLNT UI avec la CLI shadcn.
1 storyAnimated Tooltip
Info-bulle qui s'anime au survol ou au focus avec un effet d'echelle et de fondu. Installez Animated Tooltip depuis le registre VLLNT UI avec la CLI shadcn.
2 storiesNotifications & Overlays
Transient toasts, canvas edge labels, and zoom HUD controls for feedback and on-canvas overlays.
Toast
Messages de notification temporaires avec prise en charge d'actions. Installez Toast depuis le registre VLLNT UI avec la CLI shadcn.
3 storiesEdge Label
Etiquette d'arete en ligne pour la semantique des relations comme les flux, les transferts ou les politiques. Installez Edge Label depuis le registre VLLNT UI avec la CLI shadcn.
1 storyZoom HUD
Controles de zoom avec pourcentage actuel, boutons d'increment et action de reinitialisation pour les vues du canvas. Installez Zoom HUD depuis le registre VLLNT UI avec la CLI shadcn.
1 storyLisible par les agents
Votre agent IA peut aussi les installer.
Le registre est expose comme donnees structurees, afin que les agents de code choisissent le bon composant sans scraper le HTML.
Questions frequentes
- What's in the overlay family?
- Dialogs and alert dialogs, sheets and drawers, popovers, hover cards, tooltips, and toasts — content that layers above the page.