components/card
@fungi.computer/caps / components/card
components/card
Section titled “components/card”Type Aliases
Section titled “Type Aliases”CardProps
Section titled “CardProps”CardProps =
object&HTMLAttributes<HTMLDivElement>>
Props accepted by Card.
Type Declaration
Section titled “Type Declaration”variant?
Section titled “variant?”
optionalvariant?:"surface"|"outline"|"interactive"
CardHeaderProps
Section titled “CardHeaderProps”CardHeaderProps =
object&HTMLAttributes<HTMLDivElement>>
A card header layout with optional centered alignment.
Type Declaration
Section titled “Type Declaration”alignment?
Section titled “alignment?”
optionalalignment?:"start"|"center"
Variables
Section titled “Variables”
constCard:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
A presentational card shell.
CenteredCard
Section titled “CenteredCard”
constCenteredCard:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
Center one primary card in a welcoming, viewport-filling page stage.
CardHeader
Section titled “CardHeader”
constCardHeader:ForwardRefExoticComponent<object&HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
Render a Caps card header with the requested alignment.
CardTitle
Section titled “CardTitle”
constCardTitle:ForwardRefExoticComponent<HTMLAttributes<HTMLHeadingElement> > &RefAttributes<HTMLHeadingElement>>>>
A card title element.
CardDescription
Section titled “CardDescription”
constCardDescription:ForwardRefExoticComponent<HTMLAttributes<HTMLParagraphElement> > &RefAttributes<HTMLParagraphElement>>>>
A card supporting-description element.
CardContent
Section titled “CardContent”
constCardContent:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
A card body layout.
CardFooter
Section titled “CardFooter”
constCardFooter:ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> > &RefAttributes<HTMLDivElement>>>>
A card footer layout.