Card

Cards are meant to contain and display standardised data

Plain

Use the plain style for a clean look.

Storybook failed to load. Please connect to the VPN to access.

Shadowed

Use the shadowed style for a more separated look from the background. There's also the option to use a outlined style which achieves the same goal.

Not displaying?See common problemsShow add-ons

Storybook failed to load. Please connect to the VPN to access.

Landscape

There are 2 orientation options in regards to the Hero and Body elements. We've seen portrait so far but the landscape option may serve well for more a List look.

Not displaying?See common problemsShow add-ons

Storybook failed to load. Please connect to the VPN to access.

Selected

The Card may be given a selected boolean state in order to distinguish it from all others.

Not displaying?See common problemsShow add-ons

Storybook failed to load. Please connect to the VPN to access.

onClick

The entire Card can be made clickable by the user, in order to trigger any given callback function.

Not displaying?See common problemsShow add-ons

Storybook failed to load. Please connect to the VPN to access.