Card

ReactDesign Guidelines

Usage

Props

NameTypeRequiredDefaultDescription
children
ReactNode
false
className
string
false

Additional classNames

levelfalse

The card level for determining the shadow

deprecated

The level prop has been deprecated and will be removed in a future version. Please use the shadowStrength prop instead.

Before

After

deprecatedsince

10.20.0

since

10.19.0

shadowStrengthfalse1

Determines shadow strength

defaultvalue

1

since

10.19.0

style
CSSProperties
false

Additional CSS styles

variant
"hoverable"
false

The card variant

since

10.19.0

variant