Page level
Cards are versatile elements that can be employed across a page, offering flexibility and scalability. They can be utilized multiple times on a single page, with each instance serving a distinct section. Additionally, cards can be arranged in various layouts, including vertical, horizontal, or as part of a data set, catering to diverse design requirements and user preferences.
Organized as a dataset: The data card view component is suitable for arranging cards in a grid layout.
Arranged in a horizontal layout
Presented horizontally within a carousel format
Used as navigation: Cards with scores can serve as navigation to refine the list below. When a card is selected, the card container should be highlighted to indicate its selected state.
Used on a dashboard: Dashboard cards are generally used to display information about the Dashboards available in that instance and can redirect to them. They can also be clicked to navigate to another screen.
Implemented within a kanban
For showcasing data visualizations
Contextual side panel
Cards can be employed within a contextual panel, serving as a viewport-enabled component that facilitates the loading of various routes and screens within a subsection or slot on the stage. This feature enhances user experience by enabling dynamic content presentation and seamless navigation within the interface.
Agent assist cards in contextual panel
Attachment cards in contextual panel
Template cards in contextual panel