Skip to main content

Card

Components

Card()

Card(props, context?): ReactNode

A Card component contains content and actions pertaining to a single subject. There are two types of cards: regular and plain. A regular card looks like a normal card with customizable border and elevation. A plain card doesn't look like a card and can act as an invisible wrapper around other components.

Parameters

ParameterType
propsTCardProps
context?any

Returns

ReactNode

Example

 <Card background={{ dark: 'grey3', light: 'grey9' }} onClick={clickHandler} padding="p-4" />

Source

libs/design-system-core/src/components/Card/index.tsx:57

Props

TCardProps

TCardProps: PropsWithChildren<CommonCardProps & object | RegularCardType & object>

Source

libs/design-system-core/src/components/Card/index.tsx:30