<a id="divider"></a>

## Divider  
**Category**: Layout
Horizontal or vertical separator between content
### Examples

#### Basic Divider  
```python
Div('Content', cls='card bg-base-300 rounded-box grid h-20 place-items-center'),
Div('OR', cls='divider'),
Div('Content', cls='card bg-base-300 rounded-box grid h-20 place-items-center'),
```

#### Color Variants  
```python
Div(
    Div('Default', cls='divider'),
    Div('Primary', cls='divider divider-primary'),
    Div('Secondary', cls='divider divider-secondary'),
    Div('Neutral', cls='divider divider-neutral'),
    Div('Accent', cls='divider divider-accent'),
    Div('Info', cls='divider divider-info'),
    Div('Success', cls='divider divider-success'),
    Div('Warning', cls='divider divider-warning'),
    Div('Error', cls='divider divider-error'),
    cls='flex w-full flex-col'
)
```

#### Horizontal Divider  
```python
Div(
    Div('Content', cls='card bg-base-200 rounded-box grid h-20 flex-grow place-items-center'),
    Div('OR', cls='divider divider-horizontal'),
    Div('Content', cls='card bg-base-200 rounded-box grid h-20 flex-grow place-items-center'),            
    cls='flex w-full'
)
```

#### Vertical Positioning  
```python
Div(
    Div('Start', cls='divider divider-start'),
    Div('Default', cls='divider'),
    Div('End', cls='divider divider-end'),
    cls='flex w-full flex-col'
)
```

#### Horizontal Positioning  
```python
Div(
    Div('Start', cls='divider divider-horizontal divider-start'),
    Div('Default', cls='divider divider-horizontal'),
    Div('End', cls='divider divider-horizontal divider-end'),
    cls='flex w-full justify-center h-52'
)
```

#### No text Divider  
```python
Div(
    Div('Content', cls='card bg-base-200 rounded-box grid h-20 flex-grow place-items-center'),
    Div(cls='divider'),
    Div('Content', cls='card bg-base-200 rounded-box grid h-20 flex-grow place-items-center'),            
    cls='flex w-full flex-col'
)
```

#### Responsive Divider  
```python
Div(
    Div('Content', cls='card bg-base-300 rounded-box grid h-32 flex-grow place-items-center'),
    Div('OR', cls='divider lg:divider-horizontal'),
    Div('Content', cls='card bg-base-300 rounded-box grid h-32 flex-grow place-items-center'),
    cls='flex w-full flex-col lg:flex-row'
)
```