Superpositions

Banner header dialog

Une fenêtre modale avec une bande de bannière colorée sur son bord supérieur, posée sur une copie grisée et entièrement inerte de la page située derrière elle.

Plate Studio

Autosave off

Autumn campaign v3

Last saved manually, 2 hours ago

Utiliser Banner header dialog

Une fenêtre modale avec une bande de bannière colorée sur son bord supérieur, posée sur une copie grisée et entièrement inerte de la page située derrière elle.

Testez l’aperçu avec la souris et le clavier, puis vérifiez la visibilité du focus et la mise en page sur un écran étroit. Indiquez le numéro ou l’identifiant du composant à votre agent de programmation.

Propriétés: bannerColor, panelWidth, closeOnOverlayClick

Quels frameworks sont disponibles ?

Le catalogue propose ces versions : react, vue, svelte, astro, html. L’aperçu de cette page utilise React.

Comment accéder à l’implémentation ?

Le code, les portages, l’installation et le panneau de propriétés sont inclus dans Fieldbook Pro. L’aperçu interactif est ouvert à tous.

Connectez votre agent

Composants proches

2324Confirm action modalSuperpositionsUne boîte de dialogue de confirmation centrée qui s'ouvre sur un fond sombre, demandant au visiteur de confirmer ou d'annuler une action destructrice.

2335Dismissible DialogSuperpositionsUne boîte de dialogue centrée à usage général qui s'ouvre sur un arrière-plan flou et peut être fermée avec désinvolture par son bouton de fermeture, l'arrière-plan ou Échap.

2419Scrollable modal dialogSuperpositionsUn modal à usage général avec un en-tête, un corps qui défile indépendamment une fois que son contenu déborde et un pied de page, fermable par son propre bouton de fermeture, un clic extérieur ou Échap.

2041Slide up panel dialogSuperpositionsUn dialogue centré qui se met en place sur un canevas grisé, pour tout contenu nécessitant un moment de pleine attention.

2306Blocking alert dialogSuperpositionsUn dialogue centré qui exige un choix explicite avant de se fermer, utilisé pour des actions irréversibles que le visiteur ne doit pas rejeter par accident.

1923Bounce warning dialogSuperpositionsUne boîte de dialogue de confirmation apparaît avec un dépassement élastique et un badge d'icône rebondissant, exigeant une réponse avant que la page ci-dessous ne redevienne utilisable.