Skip to main content

Interface: CardProps

Defined in: components/Card/index.tsx:22

Description​

Props for the Card component.

Extends​

  • ComponentProps

Properties​

accent?​

optional accent: string

Defined in: utils/colors/index.ts:11

Inherited from​

ComponentProps.accent

accentDark?​

optional accentDark: string

Defined in: utils/colors/index.ts:13

Inherited from​

ComponentProps.accentDark

accentLight?​

optional accentLight: string

Defined in: utils/colors/index.ts:12

Inherited from​

ComponentProps.accentLight

bodyClass?​

optional bodyClass: string

Defined in: components/Card/index.tsx:28

Additional CSS class for the body.

borderRadius?​

optional borderRadius: BorderRadius

Defined in: components/Component/index.ts:18

Inherited from​

ComponentProps.borderRadius

children?​

optional children: ReactNode

Defined in: components/Card/index.tsx:27

The main content of the card (body).

className?​

optional className: string

Defined in: components/Component/index.ts:16

Inherited from​

ComponentProps.className

data-id?​

optional data-id: string | number

Defined in: components/Component/index.ts:20

Inherited from​

ComponentProps.data-id

elevation?​

optional elevation: Elevation

Defined in: components/Component/index.ts:17

Inherited from​

ComponentProps.elevation

optional footer: ReactNode

Defined in: components/Card/index.tsx:25

The content for the card's footer section.

footerClass?​

optional footerClass: string

Defined in: components/Card/index.tsx:26

Additional CSS class for the footer.

optional header: ReactNode

Defined in: components/Card/index.tsx:23

The content for the card's header section.

headerClass?​

optional headerClass: string

Defined in: components/Card/index.tsx:24

Additional CSS class for the header.

orientation?​

optional orientation: "horizontal" | "vertical"

Defined in: components/Card/index.tsx:29

The orientation of the card layout.

padding?​

optional padding: "none" | "xs" | "s" | "m" | "l"

Defined in: components/Card/index.tsx:30

The padding size for the card content.

style?​

optional style: CSSProperties

Defined in: components/Component/index.ts:19

Inherited from​

ComponentProps.style