Home Reference Source Test Repository 
import Header from 'rizzo-next/src/components/header/header_component.js'
public class | source

Header

You can directly use instance of this class. header

Extends:

src/core/bane~Component → Header

The page header which contains both search and navigation. Clicking on the search icons opens the search. Will re-render when the browser changes sizes

Test:

Member Summary

Public Members
public

$inner: *

public
public

$search: *

public

events: *

public
public

search: *

public

state: *

Method Summary

Public Methods
public
public
public

If the search box is too big based on the screen width
public
public
public

Add a class to the search when it's too big for the screen

Public Members

public $inner: * source

public $mobileNotificationBadge: * source

public $search: * source

public events: * source

public navigation: * source

public state: * source

Public Methods

public appendMenuIcon() source

public initialize() source

public isTooBig(): Boolean source

If the search box is too big based on the screen width

Return:

Boolean

public onMobileMenuClick() source

public onSearchClick(e: *) source

Params:

NameTypeAttributeDescription
e *

public render(): Header source

Add a class to the search when it's too big for the screen

Return:

Header

The instance of the header