---
title: "Perspective - Split Container"
description: "The Split container holds two children separated by a draggable split that allows the user to resize the two children during the runtime."
---

# Perspective - Split Container

> The Split container holds two children separated by a draggable split that allows the user to resize the two children during the runtime.

![](2022-06-07_14-38-14.gif)

**Component Palette Icon**:  

![](2022-06-07_14-17-50.png)

## Description
The Split container holds two children separated by a draggable "split" that allows the user to resize the two children during the runtime. The Split container supports both horizontal and vertical layouts.

## Properties

Most Properties have binding options. For more information on Bindings, see [Types of Bindings in Perspective](ignition-modules/perspective/working-with-perspective-components/bindings-in-perspective/bindings-in-perspective.md).
This section only documents the Props Category of properties. The other Categories are described on the [Perspective Component Properties](ignition-modules/perspective/working-with-perspective-components/perspective-component-properties.md) page.

| Property                  | Description                | Property Type | 
| --------------------- | -------------------- | ---------------------|
|orientation|The orientation in which the container's split is fixed. Horizontal will allow the user to adjust the container from left to right, while Vertical will allow the user to adjust it from top to bottom.	 |value: numeric| 
|split|Configuration for the split bar.**position**: Bidirectionally represents the position of the split bar. Numeric values here will be used as pixels, numeric or string property type.**size**: The size of the split bar in pixels, numeric property type.**visible**: Determines if the split bar should be visible, boolean property type. **draggable**: Determines if the split bar should be draggable, boolean property type. |object|
|style|	Use Style to customize the visual style of the component. The [Style menu](appendix/reference-pages/style-reference.md) contains all the tools for modifying text, background, margins, and borders. You can also specify a [style class](ignition-modules/perspective/styles/style-classes/style-classes.md).|	object|

### Child Component Position Properties
When a component is placed inside of a Split container, it will inherit the position property listed below. 

| Property | Description       | Data Type     |
| -------- | ---------------- | ------------- |
| position | Indicates which side of the split bar the child component is located on. Expected values include "left", "right", "top", and "bottom" | value: string |

## Scripting
See the [Perspective - Split Container Scripting](perspective-split-container-scripting.md) page for the full list of scripting functions available for this component.