<baht-card>

Surface card: white on cream, 1px border, no shadow at rest. Children become the body.

Basic

Everything shipped on time. 42 workflows ran, 0 failed.

headingsubtitlehero

HTMLReactAngular

Copy

<baht-card heading="Monthly report" subtitle="June 2026">
  <p>Everything shipped on time. 42 workflows ran, 0 failed.</p>
</baht-card>

Hero

Get started

HTMLReactAngular

Copy

<baht-card hero="true" heading="bank20baht-ui" subtitle="JSON in, form out">
  <baht-button>Get started</baht-button>
</baht-card>

Props

Name	Type	Default	Description
heading	string	''	Card title
subtitle	string	''	Under the title
hero	boolean	false	20px radius + roomier padding

Slots

Slot	Description
(default)	Card body