Edit on Github

wv-page-header

Purpose

<wv-page-header/>. Generates the standard page header element. Used in conjunction with <wv-page-header-actions/> and <wv-page-header-toolbar/>

Properties

name description
area-label

object type: string

default value: string.empty

is required: FALSE

Area label string
area-sublabel

object type: string

default value: string.empty

is required: FALSE

Area sublabel string
color

object type: string

default value: string.empty

is required: FALSE

Color code that should be used in page header's area text
description

object type: string

default value: string.empty

is required: FALSE

Page description
icon-class

object type: string

default value: string.empty

is required: FALSE

Icon class with which to generate the page icon using FontAwesome icon library
icon-color

object type: string

default value: string.empty

is required: FALSE

Color code that should be used in page header's icon
page-switch-items

object type: List<PageSwitchItem>

default value: new List<PageSwitchItem>()

is required: FALSE

Page switch dropdown, meant to present other pages on the same level or different list views.
return-url

object type: string

default value: string.empty

is required: FALSE

If set will present a "back button" in the left side of the element
subtitle

object type: string

default value: string.empty

is required: FALSE

Page subtitle
title

object type: string

default value: string.empty

is required: FALSE

Page title

Example

<wv-page-header color="@color" icon-color="@iconColor" area-label="@areaLabel" area-sublabel="@areaSubLabel" title="@title"
	subtitle="@subTitle" description="@description" icon-class="@iconClass" return-url="@returnUrl" page-switch-items="@pageSwitchItems">
	<wv-page-header-actions>
		...
	</wv-page-header-actions>
	<wv-page-header-toolbar>
		...
	</wv-page-header-toolbar>
</wv-page-header>