Card
Cards are the main Foundry surface for content panels, CMS modules, dashboard blocks, and documentation examples.
Overview
Docs module
Structured surface
Use cards to group related content without creating a whole section.
Command panel
Forged emphasis
Forged cards add industrial weight for command panels and key modules.
Examples
Marketing
Launch a docs-ready site
Foundry cards can hold copy, media, and actions.
Ops
Deploy command module
Use stronger framing for actions that should feel machine-grade.
Layouts
CMS module
Hero block draft
Media area plus content body is enough for many page builder cards.
Start with a hero, feature grid, or callout section.
Surfaces
States
Warning
Pending review
Useful for moderation queues, staging gates, and approval modules.
Catalog
Composable blocks
Cards can stay quiet and informational too, not every panel must scream.
API
See the full API reference for imports, props, CSS contracts, and Foundry data attributes.
- CardCore surface primitive with surface and forged border props.
- CardHeaderHeader row for title, eyebrow, badges, or actions.
- CardTitleSemantic title slot for card surfaces.
- CardActionsAction row for buttons, links, and inline controls.