Badge
Image
Content
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>| Prop | Type | Default | Description |
|---|---|---|---|
as | string | article | HTML tag name for the wrapper |
classes.container | string | - | Additional CSS classes to apply to the card wrapper |
classes.badge | string | - | Additional CSS classes to apply to the badge container |