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.

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.

Parcourir tous les composants Comment les agents consomment le registre15 composants

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.

WebNatif

1 storyVoir le composant

Dialog

Superposition de dialogue modale pour du contenu et des actions cibles. Installez Dialog depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Share 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.

WebNatif

1 storyVoir le composant

Slide-Out Panels

Edge-anchored drawers and sheets for secondary content and mobile-friendly slide-out navigation.

Drawer

Panneau coulissant ancre au bord de l'ecran. Installez Drawer depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Sheet

Panneau coulissant depuis le bord de l'ecran. Installez Sheet depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

3 storiesVoir le composant

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.

WebNatif

1 storyVoir le composant

Context 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.

WebNatif

1 storyVoir le composant

Dropdown 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.

WebNatif

1 storyVoir le composant

Popovers & 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.

WebNatif

1 storyVoir le composant

Hover Card

Carte qui apparait au survol pour previsualiser du contenu. Installez Hover Card depuis le registre VLLNT UI avec la CLI shadcn.

Web

1 storyVoir le composant

Tooltip

Info-bulle affichee au survol ou au focus. Installez Tooltip depuis le registre VLLNT UI avec la CLI shadcn.

WebNatif

1 storyVoir le composant

Animated 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.

Web

2 storiesVoir le composant

Notifications & 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.

WebNatif

3 storiesVoir le composant

Edge 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.

Web

1 storyVoir le composant

Zoom 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.

Web

1 storyVoir le composant

Lisible 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.

/llms.txt

Index concis selon la specification llmstxt.org — sections, liens et descriptions.

/llms-full.txt

Contexte complet du registre en une requete — docs plus chaque descripteur de composant.

/r/<name>.json

Descripteur par composant : props, schema d'accessibilite et exemples d'usage.

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.