CardDescriptionPrimitive

The body cell (.card-body) of a CardRootPrimitive composition, with the card's standard padding.

import CardDescriptionPrimitive from "@wikicasa-dev/components/UIKit/Card/CardDescriptionPrimitive";

The .card-body cell of a card built with CardRootPrimitive: full width, 10px 15px padding, any content. See CardRootPrimitive for the full composition.

#Usage

<script setup lang="ts">
import CardRootPrimitive from "@wikicasa-dev/components/UIKit/Card/CardRootPrimitive";
import CardDescriptionPrimitive from "@wikicasa-dev/components/UIKit/Card/CardDescriptionPrimitive";
</script>

<template>
  <CardRootPrimitive class="note-card">
    <CardDescriptionPrimitive>
      <h3>Valutazione gratuita</h3>
      <p>Scopri in 2 minuti quanto vale la tua casa a Bologna.</p>
    </CardDescriptionPrimitive>
  </CardRootPrimitive>
</template>

#Do / Don't

• Do use it only inside CardRootPrimitive; its padding and width come from the card stylesheet the root loads.
• Add spacing/alignment with your own class; don't wrap it in extra elements that break the card's flex layout.

#Styling hooks

--card-body-width (default 100%), set on .card-body.

#API

Generated from the component's types. Do not edit by hand.

Props

None.

Events

None.

v-model

None.

Slots

Name	Slot props
default

Exposed (template ref)

None.