# Constraints
## Description
Constraints are container elements with a configurable constraint size, like width or height.
## Installation
```
yarn add @commercetools-uikit/constraints
```
```
npm --save install @commercetools-uikit/constraints
```
Additionally install the peer dependencies (if not present)
```
yarn add react
```
```
npm --save install react
```
## Usage
```jsx
import Constraints from '@commercetools-uikit/constraints';
Lorem ipsum dolor sit amet, id labitur perpetua vix. An graece iisque
corpora sit, erant nihil signiferumque et pro, cu ius minim altera
temporibus.
;
```
## Horizontal
### Properties
| Props | Type | Required | Default | Description |
| ---------- | ----------------------------------------------------------------------------------------------------------- | :------: | ------- | ---------------------------------------------------------------------------------------------------------------------------------------- |
| `max` | `union`
Possible values:
`, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto'` | | | The value of the constraint. See equivalent pixel values [here](https://uikit.commercetools.com/?path=/story/basics-tokens--all-tokens). |
| `children` | `ReactNode` | ✅ | | |