Cards

Setup

<script>
  import { Card } from "svelte-5-ui-lib";
</script>

Interactive Card Builder

<Card>My Card</Card>

Examples

<script lang="ts">
  import { Card } from 'svelte-5-ui-lib';
</script>

<div class="flex justify-center">
  <Card class="max-w-[250px]">
    <h5 class="mb-2 text-2xl font-bold tracking-tight text-gray-900 dark:text-white">Technology acquisitions</h5>
    <p class="font-normal leading-tight text-gray-700 dark:text-gray-400">Here are the biggest enterprise technology acquisitions.</p>
  </Card>
</div>

Component data