Cartes

Hover preview popover

Une petite carte détaillée qui s'ouvre à côté d'un lien après un court survol et reste ouverte suffisamment longtemps pour y déplacer le pointeur.

Build notes - Sep 2

Checkout redesign shipped

Maya OkonkwoMaya Okonkwo. @maya - Design engineer. Leads the checkout redesign and pairs on the design system twice a week.. 38 Merged, 124 Reviews, 12d Streak merged the new flow into Northwind AtlasNorthwind Atlas. Internal - Payments. Unified checkout across web and mobile, now handling every region's tax rules.. 9 Crew, 5 Open PRs, 99.98% Uptime ahead of Friday's release. Reviewers can hold on either name for the full picture before approving.

Updated 6 minutes ago

Utiliser Hover preview popover

Une petite carte détaillée qui s'ouvre à côté d'un lien après un court survol et reste ouverte suffisamment longtemps pour y déplacer le pointeur.

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: side, openDelay, closeDelay, offset, accent

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

1762Anchored site previewCartesUn aperçu en survol dont le côté, l'alignement et le décalage peuvent être composés, avec une flèche pointante qui suit l'ancre et se retourne avec elle lorsqu'il n'y a pas de place.

1768Cursor drift link previewCartesUn panneau d'aperçu du lien qui se penche vers l'endroit où le pointeur se trouve sur le lien, le traînant sur un ressort souple.

1866Inline term previewCartesUn terme souligné dans le corps du texte qui ouvre un petit panneau de définition au survol ou au focus, en s'agrandissant à partir du coin le plus proche du terme.

1785Link thumbnail peekCartesUn lien en ligne qui déploie une petite vignette fictive de sa destination au-dessus du mot pendant que le pointeur repose dessus.

2834Link Thumbnail PeekCartesUn lien en ligne qui affiche une petite vignette de sa destination au-dessus du texte pendant que le pointeur repose dessus.

1800Profile hover cardCartesLe survol ou la focalisation d'une petite puce d'avatar ouvre un panneau de profil avec un nom, un pseudo, une biographie et le nombre de followers.