@commercetools-uikit/constraints

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	✅