Package Exports

@commercetools-uikit/constraints
@commercetools-uikit/constraints/dist/commercetools-uikit-constraints.cjs.js
@commercetools-uikit/constraints/dist/commercetools-uikit-constraints.esm.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@commercetools-uikit/constraints) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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`	✅