# Shape

Using the `Shape` control, you can create any kind of shape by modifying its various properties.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

### Custom Colors

The `BorderStyle` property for each side of the `Shape` control can be customized to have a different `Color`, `Radius`, `Size` or `Style`.

![Shape control showing different border styles and colors](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-8a2f256b83572a5e316dab10f8eb9c40d52c0df6%2Fimage.png?alt=media)

### Rotation

The Shape's `Rotation` property can be adjusted to show any custom rotation of the shape.

![Shape control demonstrating rotation animation](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-62ca652557c429a3a684a822fa96e4b2f48899aa%2FShapeAnimation.gif?alt=media)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                         |
| ---------------- | ------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.Shape"                                                                                                   |
| Theme appearance | "shape", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                |
| Source code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js) |