Skip to content

wt-page-header.vue

Specs

Props

Name Required Types Default Description Example Deprecated
hidePrimary boolean false Hides primary button
hideSecondary boolean false Hides secondary button
primaryText string - Text for primary button. If empty - the title "ADD"
primaryAction Function - Primary button click handler
primaryDisabled boolean false Disables primary button
secondaryDisabled boolean false Disables secondary button
secondaryText string - Text for secondary button. If empty - the title "CLOSE"
secondaryAction Function - Secondary button click handler

Slots

Name Scope Description
default
title
actions
primary-action

Example Page Header

Title Slot

Code
vue
<script setup></script>

<template>
  <wt-page-header secondary-text="lorem ipsum (or close)">
    <template #title> Title Slot </template>
  </wt-page-header>
</template>