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

Modal dialog for confirming destructive or important actions.

1 story

Dialog

Modal dialog overlay for focused content and actions.

1 story

Share Dialog

Modal dialog for sharing a page across social platforms with a copy-link action and overridable labels.

1 story

Slide-Out Panels

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

Drawer

Slide-out panel anchored to the screen edge.

1 story

Sheet

Slide-over panel from the edge of the screen.

3 stories

Menus & Commands

Command palettes and context, dropdown, and right-click menus for quick keyboard-driven actions.

Command

Command palette with search, groups, and keyboard navigation.

1 story

Context Menu

Right-click context menu with items and submenus.

1 story

Dropdown Menu

Accessible dropdown menu with items, checkboxes, radio groups, and submenus.

1 story

Popovers & Tooltips

Floating popovers, hover cards, and tooltips for contextual hints and on-hover content previews.

Popover

Floating content panel anchored to a trigger element.

1 story

Hover Card

Card that appears on hover for previewing content.

1 story

Tooltip

Informational popup displayed on hover or focus.

1 story

Animated Tooltip

Tooltip that animates in on hover or focus with a scale-and-fade.

2 stories

Notifications & Overlays

Transient toasts, canvas edge labels, and zoom HUD controls for feedback and on-canvas overlays.

Toast

Temporary notification messages with action support.

3 stories

Edge Label

Inline edge label for relationship semantics such as streams, handoffs, or policies.

1 story

Zoom HUD

Zoom controls with current percentage, increment buttons, and reset action for canvas views.

1 story

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.