PageLegal Pro

Part of Pro. Versions up to 0.10 of the open source package include it under MIT; later releases keep it in Pro.

Legal document page. Slots: meta, toc, document, contact.

Jump to API reference

Import

Vue
import { UiPageLegal } from '@ziyarago/ui-pro/vue'

Default

Legal

Section

Meta slot
Table of contents slot
Document slot
Contact slot
Vue
<UiPageLegal title="Legal" subtitle="Section">
  <template #meta>Meta slot</template>
  <template #toc>Table of contents slot</template>
  <template #document>Document slot</template>
  <template #contact>Contact slot</template>
</UiPageLegal>

API reference

Legal document template: last-updated line, sticky table of contents, numbered sections and a contact card.

Props

PropType and valuesDefaultDescription
titlestring—Page heading. The built-in header renders only when title is set and the header slot is empty.
subtitlestring—Caption under the heading.
crumbs{ label: string; href?: string }[]—Breadcrumb trail above the title.

Slots

Vue: named slots. React: a prop with the same name; default is children.

headerCustom page header; replaces the built-in title/subtitle/crumbs header.
actionsButtons on the right of the built-in header. With a title they sit beside it; without a title they render alone, right-aligned (unless the header slot is filled).
metaVersion, last-updated date and print or download buttons; Chip, Button.
tocSticky table of contents; Card with anchor links.
documentDocument sections; Card, Heading, Text.
contactQuestions card; Card, Button.

Notes

  • Place inside AppShell; fill only the slots you need.
  • The table of contents sits left of the document and stacks above it under 860 px.