Skip to main content

Interface: CardProps

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

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:26

Additional CSS class for the body.

borderRadius?​

optional borderRadius?: BorderRadius

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

The border radius of the component.

Inherited from​

ComponentProps.borderRadius

children?​

optional children?: ReactNode

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

The main content of the card (body).

className?​

optional className?: string

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

Additional CSS class for the component.

Inherited from​

ComponentProps.className

data-id?​

optional data-id?: string | number

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

A data-id attribute for testing or identification.

Inherited from​

ComponentProps.data-id

elevation?​

optional elevation?: Elevation

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

The elevation level for box-shadow effects.

Inherited from​

ComponentProps.elevation

optional footer?: ReactNode

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

The content for the card's footer section.

footerClass?​

optional footerClass?: string

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

Additional CSS class for the footer.

optional header?: ReactNode

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

The content for the card's header section.

headerClass?​

optional headerClass?: string

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

Additional CSS class for the header.

orientation?​

optional orientation?: "horizontal" | "vertical"

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

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:18

Custom inline CSS styles.

Inherited from​

ComponentProps.style