Skip to content
Card β
Cards are containers with a defined but flexible layout and are often used in groups to showcase collections of similar content, with each card conveying a single idea. Cards come with the option of being interactive, thus allowing users to perform an action or explore the card's topic in depth.
From Figma to code β
...
Customization β
INFO
Check everything about the customization mechanics in the "How it works" documentation.
CSS Variable | Type | Description |
---|---|---|
--z-card--bg | color | |
--z-card--color | color | |
--z-card--radius | distance | |
--z-card--padding | distance | |
--z-card--gap | distance | |
--z-card--shadow | shadow | |
--z-card--border | distance | |
--z-card--font | font |
Accessibility β
...