> [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#rectangle)
## Table of contents
* [Rectangle](#rectangle)
* [**Class** Rectangle](#class-rectangle)
* [New](#new)
* [color](#color)
* [radius](#radius)
* [border](#border)
* [border.width](#borderwidth)
* [border.color](#bordercolor)
* [Glossary](#glossary)
#**Class** Rectangle
- Syntax
**Class** Rectangle : *Item*- Extends
- Item
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#class-rectangle)
##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#new)
##color
- Syntax
*String* Rectangle::color = `'transparent'`- Prototype property of
- Rectangle
- Type
- String
- Default
'transparent'
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#color)
##radius
- Syntax
*Float* Rectangle::radius = `0`- Prototype property of
- Rectangle
- Type
- Float
- Default
0
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#radius)
##border
- Syntax
*Object* Rectangle::border- Prototype property of
- Rectangle
- Type
- Object
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#border)
##border.width
- Syntax
*Float* Rectangle::border.width = `0`- Prototype property of
- Rectangle
- Type
- Float
- Default
0
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#borderwidth)
##border.color
- Syntax
*String* Rectangle::border.color = `'transparent'`- Prototype property of
- Rectangle
- Type
- String
- Default
'transparent'
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#bordercolor)
# Glossary
- [Rectangle](#class-rectangle)