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
import Constraints from '@commercetools-uikit/constraints';
<Constraints.Horizontal max={7}>
<p>
Lorem ipsum dolor sit amet, id labitur perpetua vix. An graece iisque
corpora sit, erant nihil signiferumque et pro, cu ius minim altera
temporibus.
</p>
</Constraints.Horizontal>;
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. |
children | ReactNode | ✅ | | |