---
id: Divider
section: components
cssPrefix: pf-v6-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 small

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

```

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

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

```

### Switch orientation at various breakpoints

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

```
