Card

It's just a Box with predefined styles.

jsx

import Card from 'intergalactic/card';
<Card />;

import Card from 'intergalactic/card';
<Card />;

Card.Header

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

jsx

import Card from 'intergalactic/card';
<Card.Header />;

import Card from 'intergalactic/card';
<Card.Header />;

It's just a Box with predefined paddings.

jsx

import Card from 'intergalactic/card';
<Card.Body />;

import Card from 'intergalactic/card';
<Card.Body />;

The card title is able to display the tip.

jsx

import Card from 'intergalactic/card';
<Card.Title />;

import Card from 'intergalactic/card';
<Card.Title />;

& {...}

Name	Type	Description
innerHint	React.ReactNode	Content of the tooltip that is displayed when hovering over the info icon in the end of title. Use it if you don't need Title with Ellipsis.
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`
innerHintAriaLabel	string	Aria-label for the InnerHint icon
hintAfterAriaLabel	string	Aria-label for the HintAfter icon

Has all properties as the Text.

jsx

import Card from 'intergalactic/card';
<Card.Description />;

import Card from 'intergalactic/card';
<Card.Description />;