Card

Web Components

Demo

zeta-web v0.9.0

Web Components

Cards are used to display content.

Storybook

https://design.zebra.com/web/storybook/index.html?path=/docs/components-cards--docs

Slots

Name	Description	Type
default	The content of the card.	text

Inherited Attributes

Name	Description	Type	Default	Inherited From
rounded	Whether the component is rounded or sharp.When true, rounded will set the border radius of the first child, and any children with class 'contourable-target' to --radius-minimal.Otherwise, this value will be --radius-none.	boolean | undefined	true	Contourable

CSS Properties

Name	Description
--card-border-line-width	The line width of the border
--card-border-color	The color of the border
--card-border-line-style	The line style of the border

Flutter

Flutter component not available yet

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/%F0%9F%A6%93-ZDS---Components?node-id=2379-71025