Header
<gstock-header>
|
GstockHeader
API
Properties
| Name | Description | Reflects | Type | Default |
|---|---|---|---|---|
avatar
|
The user avatar image. |
string
|
''
|
|
disabled
|
Disables the header |
|
boolean
|
false
|
hiddenLogo
hidden-logo
|
Indicate if the logo is hidden. |
|
boolean
|
false
|
initials
|
The user initials used in avatar (1–2 characters max recommended). |
string
|
''
|
|
orientation
|
The orientation of the navigation items. |
|
'horizontal' | 'vertical'
|
'horizontal'
|
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 .
Events
| Name | React Event | Description | Event Detail |
|---|---|---|---|
gstock-toggle-menu-event
|
onGstockToggleMenuEvent
|
Emitted when the toggle menu changes. | - |
Learn more about events .
CSS Parts
| Name | Description |
|---|---|
logo
|
The logo part. |
Learn more about CSS parts .
Dependencies
This component automatically imports the following dependencies.