--- name: title-bar url: /title-bar --- ## Title Bar

A navigational component which can display the current screen the user is on, along with additional controls or menu items.

Title Bar
Left Link Right Link
*** ### Basic HTML You can create a Title-bar with this basic HTML
```html
Left Right

Center
Left Right

Center Right
```
Left Site Name Right Link

Center
Left Right

Center Right
#### Additional Options You can easily customize Title-bar with these classes: ```html .primary = primary color .dark = dark color .left = float content left .right= float content right .center = center content ``` *** ### Sass Variables You can customize with... ```scss $titlebar-center-width: 50%; $titlebar-side-width: (100% - $titlebar-center-width) / 2; $titlebar-background: #eee; $titlebar-color: #000; $titlebar-border: 1px solid #ccc; $titlebar-padding: $global-padding; $titlebar-item-classes: ( center: 'center', left: 'left', right: 'right', title: 'title', ); ```