Card - NuxtLabs UI

Usage

<template>
  <UCard>
    <template #header />

    Body

    <template #footer />
  </UCard>
</template>

Props

Prop	Default	Description
`as`	`"div"`	`string`
`ui`	`appConfig.ui.card`	`any`

Slots

Slot

Preset

{
  "base": "overflow-hidden",
  "background": "bg-white dark:bg-gray-900",
  "divide": "divide-y divide-gray-200 dark:divide-gray-800",
  "ring": "ring-1 ring-gray-200 dark:ring-gray-800",
  "rounded": "rounded-lg",
  "shadow": "shadow",
  "body": {
    "base": "",
    "background": "",
    "padding": "px-4 py-5 sm:p-6"
  },
  "header": {
    "base": "",
    "background": "",
    "padding": "px-4 py-5 sm:px-6"
  },
  "footer": {
    "base": "",
    "background": "",
    "padding": "px-4 py-4 sm:px-6"
  }
}