Card

Import

import { Card } from '@beanwei/astro-ui'

Usage

Preview

Title

This is the card header description.

This is the card body.

No Yes

Code

---
import { Button, Card } from '@beanwei/astro-ui'
---

<Card.Root class="w-[350px]">
  <Card.Header>
    <Card.Title>Title</Card.Title>
    <Card.Description>This is the card header description.</Card.Description>
  </Card.Header>
  <Card.Body>
    This is the card body.
  </Card.Body>
  <Card.Footer class="flex justify-end space-x-4">
    <Button variant="outline">No</Button>
    <Button>Yes</Button>
  </Card.Footer>
</Card.Root>