The example below loads live from Storybook; you can open the controls there.
The card opens 600 ms after the pointer rests on the link or the link takes focus, and closes 300 ms after the pointer leaves. The example below is open on load.
Size and side
Section titled “Size and side”size takes the card width from the Popover width tokens (sm 240, md 320, lg 400 px). side and align set the direction; the card flips when there is no room.
Light and dark mode
Section titled “Light and dark mode”The card uses the Popover surface, shadow and edge line; neither mode needs extra setup.