Skip to content

Design system

Check Card

Last updated 4 April 2025

The Insites Check Card behaves exactly like how you would expect a regular Check box to do so, except you'll have the ability to add a lengthy amount of text inside this clickable card.

Figma Component Variant Properties

Check Card

Properties Options Notes
Colour Ink, Ink1, Ink5, Ink10, Ink40, Blue, Green, Turquoise, Positive, Warning, Negative, Information1, Information2 Change to selected colour using the defaults available for the component.
SelectedTrue, FalseToggle to switch between default and active state of the component.
StateDefault, Hover, DisabledSelect the state of the component.