Skip to content

Action card

Action cards are containers with a defined but flexible layout and are often used in groups to showcase a collection of related and quick actions that the user can take.

From Figma to code

...

Customization

INFO

Check everything about the customization mechanics in the "How it works" documentation.

CSS VariableTypeDescription
--z-action-card--widthdistance
--z-action-card--max-widthdistance
--z-action-card--heightdistance
--z-action-card--bgcolor
--z-action-card--colorcolor
--z-action-card--shadowshadow

Accessibility

...