Skip to content

Properties

PropertyTypeDescription
stackboolean(optional) True to stack the sub components with space between. Same as stack in Card. But defaults to true

Other properties inherited from Card

PropertyTypeDescription
outsetboolean(optional) Whether or not to break out (using negative margins) on larger screens. Defaults to false.
directionstring(optional) Defaults to vertical.
alignSelfstring(optional) Defaults to stretch.
titleReact.ReactNode(optional) Define a title that appears on top of the Card.
responsiveboolean(optional) Define if the card should behave responsive. Defaults to true.
filledboolean(optional) Define if the Card should get the same background color as the outline border.
outlinestring(optional) Define the outline color. Defaults to var(--card-outline-color).
outlineWidthstring
number
(optional) Define the outline width. Defaults to var(--card-outline-width) (0.0625rem).
dropShadowboolean(optional) Define if the Card should have drop shadow. Uses Section dropShadow.
backgroundColorstring(optional) Define the background color. Defaults to var(--card-background-color).
elementReact.Element(optional) Define the type of element. Defaults to section.
childrenReact.ReactNode(required) Contents.
Flex.ContainerVarious(optional) Flex.Container properties.
Flex.ItemVarious(optional) Flex.Item properties.
Spacestring
object
(optional) Spacing properties like top or bottom are supported.