<UseCases> ComponentNote: Consider reaching for Callouts before using this component. Although it's still in use, it should be considered deprecated unless other components don't work for your use case.
A set of three horizontally-aligned images paired with a short title and descriptive text. They re-align vertically for mobile.
<UseCases items={[{title: 'Easily onboard and manage users',description:'Use SSO to manage onboarding and off-boarding users.',image: {url: 'https://www.datocms-assets.com/2885/1565300480-workload-orchestration.png',},link: {title: 'Learn more',url:'https://learn.hashicorp.com/tutorials/boundary/getting-started-config',},},{title: 'Open and extensible remote access',description:'Integrate with existing tooling and APIs to simplify access.',image: {url: 'https://www.datocms-assets.com/2885/1565300480-workload-orchestration.png',},link: {title: 'Learn more',url: '/docs/common-workflows/manage-users-groups',},},{title: 'Compliance without overhead',description:'Provide session visibility that enables teams to stay compliant.',image: {url: 'https://www.datocms-assets.com/2885/1565300480-workload-orchestration.png',},link: {title: 'Learn more',url: '/docs/common-workflows/manage-sessions',},},]}/>
| Name | Description |
|---|---|
items*object | Array of callout items Object contains nested props, see below: |
items.title*string | Short callout item title |
items.descriptionstring | Short description. Both HTML and plain text are supported. |
items.linkobject | Contains a link object Object contains nested props, see below: |
items.link.titlestring | Link title |
items.link.urlstring | The link URL |
items.imageobject | Contains a URL prop which links to the image Object contains nested props, see below: |
items.image.urlstring | Path to the image |
classNamestring | Optional className to add to the root element |