> [Wiki](Home) ▸ [[API Reference|API-Reference]] ▸ [[Renderer|Renderer-API]] ▸ **Column**
# Column
```javascript
Column {
spacing: 5
Rectangle { color: 'blue'; width: 50; height: 50; }
Rectangle { color: 'green'; width: 20; height: 50; }
Rectangle { color: 'red'; width: 50; height: 20; }
}
```
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee)
## Table of contents
* [Column](#column)
* [**Class** Column](#class-column)
* [New](#new)
* [padding](#padding)
* [onPaddingChange](#onpaddingchange)
* [spacing](#spacing)
* [onSpacingChange](#onspacingchange)
* [alignment](#alignment)
* [onAlignmentChange](#onalignmentchange)
* [includeBorderMargins](#includebordermargins)
* [onIncludeBorderMarginsChange](#onincludebordermarginschange)
* [Glossary](#glossary)
#**Class** Column
- Syntax
**Class** Column : *Item*- Extends
- Item
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#class-column--item)
##New
- Syntax
*Column* Column.New([*Component* component, *Object* options])- Static method of
- Column
- Parameters
- component — Component — optional
- options — Object — optional
- Returns
- Column
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#column-columnnewcomponent-component-object-options)
##padding
- Syntax
*Item.Margin* Column::padding- Prototype property of
- Column
- Type
- Item.Margin
##onPaddingChange
- Syntax
*Signal* Column::onPaddingChange(*Item.Margin* padding)- Prototype method of
- Column
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#signal-columnonpaddingchangeitemmargin-padding)
##spacing
- Syntax
*Float* Column::spacing = `0`- Prototype property of
- Column
- Type
- Float
- Default
0
##onSpacingChange
- Syntax
*Signal* Column::onSpacingChange(*Float* oldValue)- Prototype method of
- Column
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#signal-columnonspacingchangefloat-oldvalue)
##alignment
- Syntax
*Item.Alignment* Column::alignment- Prototype property of
- Column
- Type
- Item.Alignment
##onAlignmentChange
- Syntax
*Signal* Column::onAlignmentChange(*Item.Alignment* oldValue)- Prototype method of
- Column
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#signal-columnonalignmentchangeitemalignment-oldvalue)
##includeBorderMargins
- Syntax
*Boolean* Column::includeBorderMargins = `false`- Prototype property of
- Column
- Type
- Boolean
- Default
false
##onIncludeBorderMarginsChange
- Syntax
*Signal* Column::onIncludeBorderMarginsChange(*Boolean* oldValue)- Prototype method of
- Column
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/layout/column.litcoffee#signal-columnonincludebordermarginschangeboolean-oldvalue)
# Glossary
- [Column](#class-column)