Card

Import from @falcon/ui-kit/dist/legacy, not @falcon/ui-kit.

Card provides a bordered container with optional header, body, and footer sections.

Primary

Code

<Card>
  <Card.Header>Header</Card.Header>
  <Card.Body>Body</Card.Body>
  <Card.Footer>Footer</Card.Footer>
</Card>

No Header

Code

<Card>
  <Card.Body>Body</Card.Body>
  <Card.Footer>Footer</Card.Footer>
</Card>

No Footer

Code

<Card>
  <Card.Header>Header</Card.Header>
  <Card.Body>Body</Card.Body>
</Card>

Only Body

Code

<Card>
  <Card.Body>Body</Card.Body>
</Card>

API

Card

Name	Type/Description
className	string | undefined
sx	StyleProps | undefined