@manta-eu/react/card

Reference for @manta-eu/react/card as it is on main.

Type Aliases

CardProps

CardProps = ComponentProps<"div"> & VariantPropsOf<typeof cardConfig>

Variables

Card

const Card: ForwardRefExoticComponent<Omit<CardProps, "ref"> & RefAttributes<HTMLDivElement>>

CardAction

const CardAction: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>

cardConfig

const cardConfig: object

Type Declaration

base

base: string = "flex touch-manipulation flex-col gap-6 rounded-md-v4 border border-muted-border text-default-foreground"

defaultVariants

defaultVariants: object

defaultVariants.padding

readonly padding: "default" = "default"

defaultVariants.surface

readonly surface: "default" = "default"

variants

variants: object

variants.padding

padding: object

variants.padding.default

default: string = "py-6 [--card-inset:1.5rem]"

variants.padding.lg

lg: string = "p-6 [--card-inset:0px]"

variants.padding.md

md: string = "p-5 [--card-inset:0px]"

variants.padding.none

none: string = "p-0 [--card-inset:1.5rem]"

variants.padding.sm

sm: string = "p-4 [--card-inset:0px]"

variants.surface

surface: object

variants.surface.dashed

dashed: string = "border-dashed bg-transparent"

variants.surface.default

default: string = "bg-card"

variants.surface.muted

muted: string = "bg-muted"

CardContent

const CardContent: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>

CardDescription

const CardDescription: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>

CardFooter

const CardFooter: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>

CardHeader

const CardHeader: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>

CardTitle

const CardTitle: ForwardRefExoticComponent<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & RefAttributes<HTMLDivElement>>