20.6.7 • Published 1 month ago

@commercetools-uikit/constraints

Licence

MIT

Version

20.6.7

Deps

Size

42 kB

Vulns

Weekly

Stars

154

Summary Dependency Versions

Constraints

Description

Constraints are container elements with a configurable constraint size, like width or height.

Installation

pnpm add @commercetools-uikit/constraints

npm --save install @commercetools-uikit/constraints

Additionally install the peer dependencies (if not present)

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