Developer Card
It's just a Box.
jsx
import Card from 'intergalactic/card';
<Card />;import Card from 'intergalactic/card';
<Card />;Card.Header
It's just a Box, with pre-installed paddings. Contains Card.Title and Card.Description.
jsx
import Card from 'intergalactic/card';
<Card.Header />;import Card from 'intergalactic/card';
<Card.Header />;Card.Body
It's just a Box, with pre-installed paddings.
jsx
import Card from 'intergalactic/card';
<Card.Body />;import Card from 'intergalactic/card';
<Card.Body />;Card.Title
The card title is able to display the tip.
jsx
import Card from 'intergalactic/card';
<Card.Title />;import Card from 'intergalactic/card';
<Card.Title />;TitleProps
& {...}| Name | Type | Description |
|---|---|---|
| innerHint | React.ReactNode | Content of the tooltip that is displayed when hovering over the info icon in the end of title. |
| hintAfter | React.ReactNode | Content of the tooltip that is displayed when hovering over the info icon right after the title. Useful in case of using Title with Ellipsis. |
| hint | React.ReactNode | Renamed to `hintAfter` |
Card.Description
Has all properties as the Text.
jsx
import Card from 'intergalactic/card';
<Card.Description />;import Card from 'intergalactic/card';
<Card.Description />;