# AppBar
The application's header (or footer)

**Material documentation:**
[AppBars](https://material.io/components/app-bars-top/)

**Selector:**
og-app-bar

**Use:**
`<og-app-bar></og-app-bar>`

## Module
```javascript
import { AppBarModule } from '@opensesame/opensesameui';
```

## Types
```javascript
import { AppBarProps } from '@opensesame/opensesameui';
import { AppBarClasses } from '@opensesame/opensesameui';
```

## Props
Name | Type | Default | Description
---- | ---- | ------- | -----------
backgroundColor | 'default' &#124; 'inherit' &#124; 'primary' &#124; 'secondary' &#124; 'inherit' | 'primary' |
classes | object | | Override or extend the styles applied to the component.
className | string | | Class(es) applied to the component.
position | 'absolute' &#124; 'fixed' &#124; 'relative' &#124; 'static' | 'fixed' |

## Classes
Rule name | Class | Description
--------- | ----- | -----------
root | .og-app-bar-root | Styles applied to the root element.
backgroundColorDefault | .og-app-bar-background-color-default |
backgroundColorInherit | .og-app-bar-background-color-inherit |
backgroundColorPrimary | .og-app-bar-background-color-primary |
backgroundColorSecondary | .og-app-bar-backgroud-color-secondary |
positionAbsolute | .og-app-bar-position-absolute |
positionFixed | .og-app-bar-postion-fixed |
positionRelative | .og-app-bar-position-relative |
positionStatic | .og-app-bar-position-static |