---
id: Divider
section: components
cssPrefix: pf-c-divider
propComponents: ['Divider']
---

## Examples

### Using hr

```ts file='./DividerUsingHr.tsx'
```

### Using li

```ts file='./DividerUsingLi.tsx'
```

### Using div

```ts file='./DividerUsingDiv.tsx'
```

### Inset medium

```ts file='./DividerInsetMedium.tsx'
```

### Inset at various breakpoints

```ts file='./DividerInsetVariousBreakpoints.tsx'
```

### Vertical in flex layout

```ts file='./DividerVerticalFlex.tsx'
```

### Vertical in flex layout, inset medium

```ts file='./DividerVerticalFlexInsetMedium.tsx'
```

### Vertical in flex layout, inset at various breakpoints

```ts file='./DividerVerticalFlexInsetVariousBreakpoints.tsx'
```

### Switch orientation at various breakpoints

```ts file='./DividerOrientationVariousBreakpoints.tsx'
```

