Retroui Svelte
Github

Card

A flexible container for displaying content and actions.

Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/card.json


Usage

		<script lang="ts">
 import * as Card from "$lib/components/ui/card/index.js";
</script>
 
<Card.Root>
 <Card.Header>
  <Card.Title>Card Title</Card.Title>
  <Card.Description>Card Description</Card.Description>
 </Card.Header>
 <Card.Content>
  <p>Card Content</p>
 </Card.Content>
 <Card.Footer>
  <p>Card Footer</p>
 </Card.Footer>
</Card.Root>

Examples