DisplayCard

A component of the Display category.

import { DisplayCard } from '@zairakai/vue-components/Display'

Usage

<DisplayCard />

Example

Header

The body of the card.

Footer

<template>
  <DisplayCard title="Card title">
    <template #header>Header</template>
    The body of the card.
    <template #footer>Footer</template>
  </DisplayCard>
</template>

Props

Name	Type	Default	Description
id	string
class	string
as	string	'article'
title	string

Slots

Name	Description
header
default
footer

See Theming for the class hooks and the data-* state of the components.