Card

Documentation Index

Fetch the complete documentation index at: https://docs.cognite.com/llms.txt

Use this file to discover all available pages before exploring further.

​

Card

​

When to use

• When users need to display data artifacts or widgets.
• When users need to display a grid of items, especially when users should be able to swap between list and grid views.
• When users need to display a chart or graph.
• When users need to display media content such as images or videos.

​

When to use something else

• Don’t use Cards to create unnecessary containers in the UI. Consider Separators and spacing to group content instead.
• Don’t use Cards when dense metadata or many fields must be compared across rows; use a Data grid or a simple list.

​

Behavior

• Structural container only: put interactive controls (Button, links, Checkbox, etc.) inside the card body or actions area, not on the shell unless the whole card is intentionally one focusable target.

​

Often used with

• Button, Badge, Avatar, Separator; optional card-title typography; body slots for charts, lists, or form fields.