Travel - Header component
Full responsive header supporting integrated drawer panel as well.
Know more about component please visit https://github.com/travelnxtComponents/t-header/blob/master/spec.md
<t-header> provides the following custom properties and mixins
for styling:
| Custom property | Description | Default |
|---|---|---|
--t-header-color |
Text color | #a9afdf |
--t-header-main-bg |
Background color main header toolbar | #3f51b5 |
--t-header-topbar-bg |
Background color top bar | #283593 |
--t-header-tab-bar-color |
Background color Drawer(Sidebar) | #fff |
--t-header-drawer-bg |
Background color Drawer(Sidebar) | #283593 |
--t-header-notification-bubble |
Mixin for Notification bubble | { width: 16px; height: 16px; border-radius: 50%; display: inline-block; background: red; font-size: 9px; line-height: 16px; text-align: center; position:absolute; top: 10px; font-weight: 600; padding: 1px; left:10px; color: #fff; } |
--t-header-drawer-selected-bg |
Background color of selected menu item in Drawer | #3f51b5 |