Cards
Cards present information in compact, scannable formats and allow users to interact or navigate efficiently.
Card - Item
When to use
- On dashboards and detail pages where items need to be viewed or opened quickly.
- To display individual items such as datasets, visualizations, or catalog entries in a clickable format.
Style
- Use the item name as the card title. Keep it concise and match the name used elsewhere in the platform.
- Include metadata (type, owner, last modified) using short labels.
- Use sentence case throughout.
Behavior
- The entire card is clickable and navigates to the item detail page.
- Contextual actions (such as Edit, Delete) appear on hover or via an overflow menu.
Card - Selectable
When to use
- When users need to choose between options by clicking anywhere on the card.
- Use the large variant when additional context is needed (title, description, image, metadata).
- Use the small variant when space is limited.
- Cards can function as radio buttons (single select) or checkboxes (multi-select).
Style
- Title: short noun phrase describing the option. Sentence case.
- Description: one sentence maximum. Plain language.
- Do not include instructional text inside a selectable card.
Card - Topic
When to use
- To represent curated groupings or domains, such as data topics.
- As gateways to collections in Explorer.
Style
- Use a noun or noun phrase as the topic title.
- Keep the description to one sentence that explains the scope of the topic.