Card

import { Card } from 'yarcl';

Cardshadow="sm"

Cardshadow="md"

Cardshadow="lg"

Cardpadding="sm", radius="lg"

<Card shadow="md">…</Card>
<Card padding="sm" radius="lg">…</Card>

padding comes from your spacing (default defaults.padding), radius from your radii, shadow from your shadows. No shadow is applied unless you set one.

Composed

Pro plan

Active

Renews on October 12. You can change or cancel your plan at any time.

---

3 seats

---

$36 / month

Manage

Props

Prop	Type	Default	Description
as	'article' | 'aside' | 'div' | 'section'	'div'	Element to render.
padding	Spacingconfig	config.defaults.padding	Inner padding, from the spacing config.
radius	Radiusconfig	config.defaults.radius	Corner radius, from the radii config.
shadow	Shadowconfig		Elevation, from the shadows config. No shadow when omitted.