Data Display
Card
Surface container rendering the canonical .card style.
A surface container rendering the canonical .card style — the same look as raw className="card" usages, consolidated into one component. Pass hover for an interactive lift.
Import
import { Card } from "@yuhuanowo/yunui";
Basic
Card
Pro plan
Everything in Basic, plus higher limits.
Hover
hover adds a border + shadow transition for clickable cards.
Hover lift
Pro planActive
Hover me — the border and shadow animate.
Composing
Card is an unopinionated container — compose any content inside, including other primitives.
With action
Upgrade your plan
Unlock higher rate limits and priority support.
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| hover | boolean | — | Add a hover lift (border + shadow transition). |
Card also forwards every standard <div> prop (className, onClick, style, …).