ProseSectionHeadline
components/prose/SectionHeadline.vue
Section header with optional eyebrow, title, description, and a slot for extra content. Used to introduce major page sections.
Platform
How Qpoint Works
Deploy in minutes. See every connection. Control your data.
Scenarios
How auto-import works
Doc scale — the quiet text-28 heading used to open documentation sections.
components/prose/SectionHeadline.vue
Usage
<ProseSectionHeadline
title = "—"
description = "—"
:border = "false"
eyebrow = "—"
eyebrowClasses = "text-grape-600"
size = "display"
>
Content here
</ProseSectionHeadline>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| title | String | — | Section title (required) |
| description | String | '' | Subtitle or description text below the title |
| border | Boolean | false | Adds a bottom border below the title |
| eyebrow | String | '' | Small text above the title |
| eyebrowClasses | String | 'text-grape-600' | Tailwind classes for the eyebrow text |
| size | String | 'display' | display (marketing scale) or doc (documentation section scale) |
Slots
| Slot | Description |
|---|---|
| default | Additional content below the description |