---
name: title-bar
url: /title-bar
---
## Title Bar
***
### Basic HTML
You can create a Title-bar with this basic HTML
#### 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',
);
```