Card
Surface for grouping related content and actions.
Variants
Elevated, outlined, or untreated surfaces.
Elevated
Drop shadow with no border.
Outline
Flat, hairline border.
Ghost
No surface treatment.
Header, content, and footer
Compose related information and actions with consistent spacing.
Notion connection expired
Reconnect to keep using Notion in StandardUI.
Connections expire periodically for security. Reconnecting takes a few seconds.
With action
Pin a single control to the top-right of the header.
Usage
This month across your workspace.
12,480
Custom padding
Remove built-in spacing for compact or highly customized layouts.
Compact row
Use padding="none" to control spacing yourself.