neft/wiki/API/Renderer-Rectangle-API.md

JavaScript. Everywhere.

> [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
<dl><dt>Syntax</dt><dd><code>&#x2A;&#x2A;Class&#x2A;&#x2A; Rectangle : &#x2A;Item&#x2A;</code></dd><dt>Extends</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Item-API#class-item">Item</a></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#class-rectangle)

##New
<dl><dt>Syntax</dt><dd><code>&#x2A;Rectangle&#x2A; Rectangle.New([&#x2A;Component&#x2A; component, &#x2A;Object&#x2A; options])</code></dd><dt>Static method of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Parameters</dt><dd><ul><li>component — <i>Component</i> — <i>optional</i></li><li>options — <a href="/Neft-io/neft/wiki/Utils-API#isobject">Object</a> — <i>optional</i></li></ul></dd><dt>Returns</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#new)

##color
<dl><dt>Syntax</dt><dd><code>&#x2A;String&#x2A; Rectangle::color = `'transparent'`</code></dd><dt>Prototype property of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Type</dt><dd><i>String</i></dd><dt>Default</dt><dd><code>'transparent'</code></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#color)

##radius
<dl><dt>Syntax</dt><dd><code>&#x2A;Float&#x2A; Rectangle::radius = `0`</code></dd><dt>Prototype property of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Type</dt><dd><a href="/Neft-io/neft/wiki/Utils-API#isfloat">Float</a></dd><dt>Default</dt><dd><code>0</code></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#radius)

##border
<dl><dt>Syntax</dt><dd><code>&#x2A;Object&#x2A; Rectangle::border</code></dd><dt>Prototype property of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Type</dt><dd><a href="/Neft-io/neft/wiki/Utils-API#isobject">Object</a></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#border)

##border.width
<dl><dt>Syntax</dt><dd><code>&#x2A;Float&#x2A; Rectangle::border.width = `0`</code></dd><dt>Prototype property of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Type</dt><dd><a href="/Neft-io/neft/wiki/Utils-API#isfloat">Float</a></dd><dt>Default</dt><dd><code>0</code></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#borderwidth)

##border.color
<dl><dt>Syntax</dt><dd><code>&#x2A;String&#x2A; Rectangle::border.color = `'transparent'`</code></dd><dt>Prototype property of</dt><dd><a href="/Neft-io/neft/wiki/Renderer-Rectangle-API#class-rectangle">Rectangle</a></dd><dt>Type</dt><dd><i>String</i></dd><dt>Default</dt><dd><code>'transparent'</code></dd></dl>
> [`Source`](/Neft-io/neft/blob/8b1b771764f7b63d37551418b52ff56a86d16c1f/src/renderer/types/shapes/rectangle.litcoffee#bordercolor)

# Glossary

- [Rectangle](#class-rectangle)