# Container

Simple wrapper for others component in you scene.


## Examples

```js
import { Container } from "pencil.js";

const container = new Container();
container.add(someComponent);
```

## ContainerOptions

| Name | Type | Default | Comment |
| ---- | ---- | ------- | ------- |
|shown |`Boolean` |`true` |Is shown |
|opacity |`Number` |`null` |Opacity level from 0 to 1 (null mean inherited from parent) |
|rotation |`Number` |`0` |Rotation ratio from 0 to 1 (clockwise) |
|rotationCenter |[`Position`](../position) |`new Position()` |Center of rotation relative to this position |
|scale |[`Position`](../position) or `Number` |`1` |Scaling ratio or a pair of value for horizontal and vertical scaling |
|zIndex |`Number` |`1` |Depth ordering |
|clip |`Component` |`null` |Other component used to clip the rendering |