Bibliothèque

Sections de contenu dépliables

Notification message

User profile image

Grouped avatars with overflow count

Status indicator and label

Bandeau d'annonce pleine largeur (info système, incident, CTA) — fermable et persistable

Tampon d'identité « Diffusé par Guest Suite » — couleur de marque invariante

Navigation aid showing page location

Interactive button element

Group multiple buttons as a unit

Sélecteur de date avec sélection simple, multiple ou plage

Content container with header and footer

Liste d'éléments défilante avec navigation

Boolean input control

Small indicator overlaid on another element

Section dépliable contrôlée par un déclencheur

Sélecteur de thème clair / sombre / système

Interrupteur bascule entre mode clair et sombre

Sélecteur de couleur HEX, RGB ou HSL

Palette de commandes pour navigation rapide

Zone de rédaction contrôlée avec barre d'outils slot-based

Conteneur centré à largeur max (--gs-content-max-w) partagé par le header et le contenu d'une page

Navigation sidebar Nuxt Content

Recherche plein texte Nuxt Content

Panneau glissant depuis un bord de l'écran

Menu déroulant contextuel

Sélecteur d'emojis (emoji-mart) avec chargement paresseux du dataset

État vide avec message et action

Page d'erreur HTTP plein écran

Zone de dépôt pour l'import de fichiers

Conteneur horizontal pour aligner filtres et actions

Formulaire avec validation Zod

Form field wrapper with label

Icônes Lucide avec tailles et couleurs

Text input field

Combobox input with inline text filtering

Numeric input with increment/decrement controls

Input for entering and managing multiple tags

Keyboard shortcut display

Lien interne ou externe

Sélecteur multi-locations avec variantes picker et filter

Modal de confirmation sémantique

Sélecteur de plage de mois sur année unique

Navigation links menu

Page navigation control

International phone input with country picker and live validation

Pin code input for OTP and numeric codes

Slot individuel pour saisie PIN/OTP

Panneau flottant ancré à un élément déclencheur

Barre de progression

Card mise en avant dans le prose Nuxt Content

Sélection unique dans un groupe

Radio buttons group for single selection

Card avis sélectionnable : identité, commentaire, statut

Dropdown selection input

Dropdown menu with search and multi-select

Visual divider between content sections

Sidebar de navigation (fond --ui-bg-surface), pli/dépli et responsive

Placeholder de chargement animé

Panneau latéral glissant depuis la gauche ou la droite

Range input for numeric value selection

Zone de contenu principale + playground layout (largeur, max-width, spacing)

Bandeau de page : coquille à slots (leading/actions/tabs/toolbar) + bloc titre/breadcrumb responsive

Card métier pour KPI avec évolution colorée

Multi-step progress indicator

Card enquête avec header tokenisé

Toggle control for boolean options

Data table with sorting and selection

Table encadrée (toolbar + table + footer de sélection) dans une seule carte — pattern tables paginées

Navigation par onglets

Champ de texte multi-lignes

Réglages de thème groupés (couleur primary + mode clair/sombre/système) façon nuxt.com

Affichage d'événements en séquence chronologique

Notification temporaire popup

Info-bulle au survol

Vue hiérarchique pour données imbriquées

Display user with avatar and details