Skip to content

ComponentsHover Card

Components

Hover Card

cds PreviewCard: opens 300ms after hover or focus, 120ms snap fade + .98 scale, min 200 / max 360.

Hover Card

Hover or keyboard focus opens it after 300ms; leaving trigger and card closes it 300ms later. Non-modal; Tab moves into the card, Escape closes it.

Citation preview (337, scrolls at 288)

The update shipped in March example.com +3 and is rolling out to everyone.

Template tile (288, bottom start, instant)

Light and dark

Static preview: surface-popover (#fff | #303030), radius 12, panel shadow, padding 16.

light
FlashcardsBy the design teamTurn any topic into a deck of cards.
dark
FlashcardsBy the design teamTurn any topic into a deck of cards.