Card0

The Card component provides a versatile container for displaying related content. It uses semantic HTML and ensures proper heading structure and content organization.

---
import { Card0 } from '@yatoday/astro-ui/astro';
---
<Card0>
  <Fragment slot="badge">Badge</Fragment>
  <Fragment slot="image">Image</Fragment>

  Content
</Card0>

Svelte Usage

<script>
  import { Card0 } from '@yatoday/astro-ui/svelte';
</script>

<Card0>
  <div slot="badge">Badge</div>
  <div slot="image">Image</div>

  Content
</Card0>

Props