Superpositions

Perspective reveal dialog

Une boîte de dialogue à usage général dont le panneau s'incline à partir d'un bord choisi en 3D, puis s'aplatit pour afficher du contenu arbitraire sur une page grisée.

Harborlight

Account setup

Step 3 of 4

Review before continuing

One short notice stands between you and your dashboard.

Escape, the corner glyph, or a click on the backdrop backs out.

Utiliser Perspective reveal dialog

Une boîte de dialogue à usage général dont le panneau s'incline à partir d'un bord choisi en 3D, puis s'aplatit pour afficher du contenu arbitraire sur une page grisée.

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: from, accent, title, showFooterButton

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 versions et les commandes d’installation sont disponibles dans le panneau ci-dessus.

Connectez votre agent

Composants proches

1943Consequence confirm dialogSuperpositionsUne boîte de dialogue de confirmation qui s'incline depuis un bord choisi et bloque la page jusqu'à ce que le visiteur annule ou continue explicitement.

2119Centered modal frameSuperpositionsUn modal centré uni qui s'estompe et s'agrandit sur un fond grisé, avec un en-tête, un corps et un pied de page, pour les formulaires et les confirmations de tous les jours.

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.

1919Banner header dialogSuperpositionsUne 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.

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.