Card

It's just a Box with predefined styles.

import Card from '@semcore/ui/card';
<Card />;

Card.Header

It's just a Box with predefined paddings. Contains Card.Title and Card.Description.

import Card from '@semcore/ui/card';
<Card.Header />;

Card.Body

It's just a Box with predefined paddings.

import Card from '@semcore/ui/card';
<Card.Body />;

Card.Title

The card title is able to display the tip.

import Card from '@semcore/ui/card';
<Card.Title />;

TitleProps

& {...}

Name	Type	Description
innerHint	React.ReactNode	Content of the Informer that's displayed in the end of the title. Use it if you don't need Title with Ellipsis.
hintAfter	React.ReactNode	Content of the Informer that's displayed right after the title. Useful in case of using Title with Ellipsis.
hint	React.ReactNode	Renamed to `hintAfter`
innerHintAriaLabel	string	Aria-label for the InnerHint icon
hintAfterAriaLabel	string	Aria-label for the HintAfter icon

Card.Description

Has all properties as the Text.

import Card from '@semcore/ui/card';
<Card.Description />;