Card

A simple content container with an optional title, used to group related information.

import { Card } from '@jbpark/ui-kit';

<Card title="Card title">A card with an outlined border.</Card>;

Card title

A card with an outlined border — the default variant.

Borderless

The same card without its border, blending into the background.

A card with no title — body content only.

Props

Prop	Type	Default
title	ReactNode	-
variant	'outlined' | 'borderless'	'outlined'
classNames	{ title?: string; body?: string }	-
className	string	-
children	ReactNode	-

Card also accepts the rest of React.ComponentProps<'div'> (e.g. onClick, style), except title.