Cards Component
Simple cards with optional images, title, and description. Perfect for showcasing benefits or features.
3 Columns with Images (Default, Centered Title)
Governance and control
Consistency at scale
Everyone gets the same answer to the same question, whether they ask via chat, portal, or support channel.
Faster time to answer
Employees and customers spend less time searching, waiting, or interrupting others for routine information.
Confidence and trust
Grounded answers and citations make it easier for teams to rely on AI in real workflows.
3 Columns without Images
Three Column Cards
First Card
Description text for the first card goes here.
Second Card
Description text for the second card goes here.
Third Card
Description text for the third card goes here.
2 Columns, Left-Aligned Title
Two Column Cards
Feature A
This is a detailed description for Feature A that explains its benefits.
Feature B
This is a detailed description for Feature B that explains its benefits.
Feature C
This is a detailed description for Feature C that explains its benefits.
Feature D
This is a detailed description for Feature D that explains its benefits.
4 Columns
Four Column Cards
Card 1
Brief description
Card 2
Brief description
Card 3
Brief description
Card 4
Brief description
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | required | Section heading |
cards | array | required | Array of card objects |
columns | 2 | 3 | 4 | 3 | Number of columns |
centered | boolean | true | Whether to center the title |
Card Object
| Property | Type | Description |
|---|---|---|
title | string | Card heading |
description | string | Card body text |
image | string | Optional image URL |