Skip to content

Card

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

& {...}
NameTypeDescription
hintReact.ReactNodeTooltip 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 />;

Released under the MIT License.

Released under the MIT License.