---
id: Split
cssPrefix: pf-v6-l-split
section: foundations-and-styles
subsection: layouts
propComponents: ['Split', 'SplitItem']
---

import './split.css';

## Examples

### Basic

```ts file="SplitBasic.tsx"
```

### With gutter

```ts file="SplitWithGutter.tsx"

```

### Wrappable

```ts file="SplitWrappable.tsx"

```