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
...