ProseStep

components/prose/Step.vue

Numbered step with a large number, title, and description. Used inside StepWrapper for sequential instructions.

1.

Deploy With Zero Disruption

Install with a single command. No sidecars, no proxies, no code changes.

components/prose/Step.vue

Usage

<ProseStep :number = "—" title = "—" description = "—" > Content here </ProseStep>

Props

PropTypeDefaultDescription
numberNumber—Step number displayed large (required)
titleString—Step heading (required, supports HTML)
descriptionString''Step body text (supports HTML)

Slots

SlotDescription
defaultAdditional content below the description

Related

Qpoint Brand Style Guide