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>