> [Wiki](Home) ▸ [[API Reference|API-Reference]] ▸ [[Renderer|Renderer-API]] ▸ **Rectangle**
# Rectangle
```javascript
Rectangle {
width: 150
height: 100
color: 'blue'
border.color: 'black'
border.width: 5
radius: 10
}
```
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee)
## Table of contents
* [Rectangle](#rectangle)
* [**Class** Rectangle](#class-rectangle)
* [New](#new)
* [color](#color)
* [onColorChange](#oncolorchange)
* [radius](#radius)
* [onRadiusChange](#onradiuschange)
* [border](#border)
* [onBorderChange](#onborderchange)
* [border.width](#borderwidth)
* [border.onWidthChange](#borderonwidthchange)
* [border.color](#bordercolor)
* [border.onColorChange](#borderoncolorchange)
* [Glossary](#glossary)
#**Class** Rectangle
- Syntax
**Class** Rectangle : *Item*- Extends
- Item
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#class-rectangle--item)
##New
- Syntax
*Rectangle* Rectangle.New([*Component* component, *Object* options])- Static method of
- Rectangle
- Parameters
- component — Component — optional
- options — Object — optional
- Returns
- Rectangle
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#rectangle-rectanglenewcomponent-component-object-options)
##color
- Syntax
*String* Rectangle::color = `'transparent'`- Prototype property of
- Rectangle
- Type
- String
- Default
'transparent'
##onColorChange
- Syntax
*Signal* Rectangle::onColorChange(*String* oldValue)- Prototype method of
- Rectangle
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#signal-rectangleoncolorchangestring-oldvalue)
##radius
- Syntax
*Float* Rectangle::radius = `0`- Prototype property of
- Rectangle
- Type
- Float
- Default
0
##onRadiusChange
- Syntax
*Signal* Rectangle::onRadiusChange(*Float* oldValue)- Prototype method of
- Rectangle
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#signal-rectangleonradiuschangefloat-oldvalue)
##border
- Syntax
*Object* Rectangle::border- Prototype property of
- Rectangle
- Type
- Object
##onBorderChange
- Syntax
*Signal* Rectangle::onBorderChange(*String* property, *Any* oldValue)- Prototype method of
- Rectangle
- Parameters
- property — String
- oldValue — Any
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#signal-rectangleonborderchangestring-property-any-oldvalue)
##border.width
- Syntax
*Float* Rectangle::border.width = `0`- Prototype property of
- Rectangle
- Type
- Float
- Default
0
##border.onWidthChange
- Syntax
*Signal* Rectangle::border.onWidthChange(*Float* oldValue)- Prototype method of
- Rectangle
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#signal-rectangleborderonwidthchangefloat-oldvalue)
##border.color
- Syntax
*String* Rectangle::border.color = `'transparent'`- Prototype property of
- Rectangle
- Type
- String
- Default
'transparent'
##border.onColorChange
- Syntax
*Signal* Rectangle::border.onColorChange(*String* oldValue)- Prototype method of
- Rectangle
- Parameters
- Type
- Signal
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#signal-rectangleborderoncolorchangestring-oldvalue)
# Glossary
- [Rectangle](#class-rectangle)