Skip to main content English Español Light Dark System

Header

<gstock-header> | GstockHeader

API

Properties

Name Description Reflects Type Default
disabled Disables the header Reflects boolean false
position The positioning type. The behavior of the different options. Learn more. 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky' 'relative'
title The title header for show the title of the application. string ''
updateComplete

A read-only promise that resolves when the component has finished updating.

Learn more about attributes and properties .

Slots

Name Description
toggle-menu The toggle menu slot. Use it to place a custom toggle menu button (e.g. <gstock-icon-button slot="toggle-menu" icon="menu">).
logo The logo slot. Use it to place a logo element (e.g. <gstock-logo slot="logo">).
avatar The avatar slot. Use it to place an avatar element (e.g. <gstock-avatar slot="avatar" initials="SF">). When combined with the user-menu slot, the avatar acts as a dropdown trigger.

Learn more about slots .