Components

Card

A quiet surface for related content.

Preview

Your next idea

Start with something small.

Usage

import { Card } from '@fwenthehunter/friendly-ui';

<Card className="space-y-2">
  <h2>Your next idea</h2>
  <p>Start with something small.</p>
</Card>

Renders a div with a border, surface color, padding, and themed radius. Supply your own headings and content. It does not add a landmark or heading level automatically.

Props

Components accept native HTML props, className, and style. Server-compatible primitives also forward React 19 refs; Modal manages its own dialog ref.