Card
CardChartBlock
Card that overlays a title and description on top of a chart slot.
CardChartBlock
Decorative card variant that wraps a chart slot and overlays a title and description at the bottom. Useful as a hero-style feature card.
Component
<XACardChartBlock />
Card variant that wraps a chart slot and overlays a title and description at the bottom. Useful as a decorative/feature card.
<XACardChartBlock
title="Growth Trajectory"
text="Steady month-over-month growth across all channels."
>
<XAChartLine :data="data" :categories="categories" :height="160" />
</XACardChartBlock>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
title | string | — | Required. Overlay title. |
text | string | — | Required. Overlay description text. |
AI Context
component: XACardChartBlock
package: "@xenterprises/nuxt-x-app"
use-when: Creating a decorative hero-style card that overlays a title and description on top of any chart passed as its default slot.