Card

Recipe

card.config.ts

ts

import { defineComponent } from '../packages/varia/src/index.js'

export default defineComponent('card', {
  base: 'block rounded-lg border border-gray-200 bg-white shadow-sm',
})

Usage

Card title

Card body

html

<article class="card">
  <header class="p-4 border-b border-gray-200">
    <h3 class="font-medium">Card title</h3>
  </header>

  <div class="p-4">
    <p>Card body</p>
  </div>
</article>