Skip to content

Card

Card

PCard is a container for grouped content with optional header and footer slots.

Demo

Usage

<PCard type="main">
<template #header>Summary</template>
Content goes here.
<template #footer>
<PButton size="sm">Action</PButton>
</template>
</PCard>

Props

PropTypeDefaultNotes
typeStringmainmain, complementary, success, warning, danger, info.

Slots

SlotDescription
headerCard title area.
defaultMain content.
footerFooter actions.