Card
Team
4 members, 2 pending invitations.
import { Card } from '@gg-software/ui';
<Card title="Team" footer={<Button size="sm" variant="primary">Invite</Button>}>
<Text>4 members, 2 pending invitations.</Text>
</Card>
<Card size="small" hoverable onClick={…}>Compact, lifts on hover</Card>Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | ReactNode | — | |
children | ReactNode | — | content rendered inside the component |
footer | ReactNode | — | |
hoverable | boolean | false | |
size | "default" | "small" | default | |
className | string | — |
* required · generated from packages/ui/src/containers/Card/Card.tsx