UNPKG

@synergy-design-system/react

Version:

React wrappers for the Synergy Design System

synergy-design-system.github.io

synergy-design-system/synergy-design-system

25 lines (24 loc) • 1.23 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
import Component from '@synergy-design-system/components/components/card/card.component.js'; /** * @summary Cards can be used to group related subjects in a container. * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-card--docs * @status stable * @since 2.0 * * @slot - The card's main content. * @slot header - An optional header for the card. * @slot footer - An optional footer for the card. * @slot image - An optional image to render at the start of the card. * * @csspart base - The component's base wrapper. * @csspart image - The container that wraps the card's image. * @csspart header - The container that wraps the card's header. * @csspart body - The container that wraps the card's main content. * @csspart footer - The container that wraps the card's footer. * * @cssproperty --border-color - The card's border color, including borders that occur inside the card. * @cssproperty --border-radius - The border radius for the card's edges. * @cssproperty --border-width - The width of the card's borders. * @cssproperty --padding - The padding to use for the card's sections. */ export declare const SynCard: import("@lit/react").ReactWebComponent<Component, {}>;