Card

Display a card for content with a header, body and footer.

Usage

Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab asperiores beatae consequuntur cupiditate debitis ducimus, eos exercitationem explicabo nesciunt nihil numquam quia quos repellat saepe soluta unde ut! Beatae, earum!

Footer

<template>
  <s-card class="w-full">
    <template #header>
      Header
    </template>

    <!-- Content -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab asperiores beatae consequuntur cupiditate debitis
    ducimus, eos exercitationem explicabo nesciunt nihil numquam quia quos repellat saepe soluta unde ut! Beatae, earum!

    <template #footer>
      Footer
    </template>
  </s-card>
</template>
<script setup lang="ts">
</script>