# Divider
A horizontal, or vertical line.

**Material documentation:**
[Dividers](https://material.io/components/dividers/)

**Selector:**
og-divider

**Use:**
`<og-divider></og-divider>`

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

## Types
```javascript
import { DividerProps } from '@opensesame/opensesameui';
import { DividerClasses } from '@opensesame/opensesameui';
```

## Props
Name | Type | Default | Description
---- | ---- | ------- | -----------
absolute | boolean &#124; string | false | If `true`, the divider will have absolute position
classes | object | | Override or extend the styles applied to the component.
className | string | | Class(es) applied to the component.
light | boolean &#124; string | false | If `true`, a lighter color will be used.
orientation | 'horizontal' &#124; 'vertical' | 'horizontal' | The direction of the divider.
variant | 'fullWidth' &#124; 'inset' &#124; 'middle' | 'fullWidth' | The divider variant.

## Classes
Rule name | Class | Description
--------- | ----- | -----------
root | .og-divider-root | Styles applied to the root element.
absolute | .og-divider-absolute | Styles applied if `[absolute]="true"`.
inset | .og-divider-inset | Styles applied if `variant="inset"`.
middle | .og-divider-middle | Styles applied if `variant="middle"`.
vertical | .og-divider-vertical | Styles applied if `orientation="vertical"`.