Card
It's just a Box
.
jsx
import Card from '@semcore/ui/card';
<Card />;
import Card from '@semcore/ui/card';
<Card />;
Card.Header
It's just a Box
, with pre-installed paddings. Contains Card.Title
and Card.Description
.
jsx
import Card from '@semcore/ui/card';
<Card.Header />;
import Card from '@semcore/ui/card';
<Card.Header />;
Card.Body
It's just a Box
, with pre-installed paddings.
jsx
import Card from '@semcore/ui/card';
<Card.Body />;
import Card from '@semcore/ui/card';
<Card.Body />;
Card.Title
The card title is able to display the tip.
jsx
import Card from '@semcore/ui/card';
<Card.Title />;
import Card from '@semcore/ui/card';
<Card.Title />;
TitleProps
& {...}Name | Type | Description |
---|---|---|
hint | React.ReactNode | Tooltip text |
Card.Description
Has all properties as the Text.
jsx
import Card from '@semcore/ui/card';
<Card.Description />;
import Card from '@semcore/ui/card';
<Card.Description />;