Class ZetaCard

Cards are used to display content.

Slot

The content of the card.

Cssproperty

--card-border-line-width The line width of the border

Cssproperty

--card-border-color The color of the border

Cssproperty

--card-border-line-style The line style of the border

Figma

https://www.figma.com/design/JesXQFLaPJLc1BdBM4sisI/🦓-ZDS---Components?node-id=229-10&node-type=canvas&m=dev

Storybook

https://zeta-ds.web.app/web/storybook/index.html?path=/docs/cards--docs

Hierarchy

ContourableInterface<this> & LitElement<this>
- ZetaCard

Index

Other

constructor rounded styles

rendering

Other

constructor

new ZetaCard(): ZetaCard
Returns ZetaCard
Inherited from Contourable(LitElement).constructor
- Defined in node_modules/@lit/reactive-element/development/reactive-element.d.ts:527

rounded

rounded: boolean

`Static`styles

styles: CSSResultGroup[] = ...

rendering

`Protected`render

render(): TemplateResult<1>
Invoked on each update to perform rendering tasks. This method may return any value renderable by lit-html's ChildPart - typically a TemplateResult. Setting properties inside this method will not trigger the element to update.

Returns TemplateResult<1>
Overrides Contourable(LitElement).render
- Defined in src/components/card/card.ts:23