Beta v0.6.2

Card

Cards contain content and actions about a single subject.

Import


import { Card } from "pier-ui";


Default Card


<Card></Card>


Variants

Flat


<Card variant="flat"></Card>

Outlined


<Card variant="outlined"></Card>

Shadow


<Card variant="shadow"></Card>

Props

PropDescriptionTypeDefault
variantVariant of the card: "flat", "outlined", "shadow"stringflat
classNameclassName for the componentstring
maxWidthmaxWidth of the cardstringauto
borderRadiusborderRadius of the cardstringtheme.borderRadius.base
asYou can use a custom element type for this component.elementTypediv