# BaseBox
Base Component for everything Box shaped
# Props
| Prop name | Description | Type | Values | Default |
|---|---|---|---|---|
| renderElementAs | specify the tag type of the box | string | - | 'div' |
| boxSize | define the size of the box should be an object with width and / or height | object | - | { width: '200px' } |
| boxRatio | define the ratio of width and height of the box (in percent string, e.g. 1:1 --> '100', 1:2 --> '50') | string | - | '100' |
| boxHover | enable or disable hover | boolean | - | true |
| boxShadowSize | set boxShadow size | string | large, small | 'small' |
| disabled | set disabled attribute (e.g. for button elements) | boolean | - | false |
| additionalAttributes | object | - | {} |
# Events
| Event name | Properties | Description |
|---|---|---|
| clicked | undefined MouseEvent - the native mouse event | event emitted upon box click |
# Slots
| Name | Description | Bindings |
|---|---|---|
| default | slot for box contents |