Neoteric Plumbing Mishap

    @commercetools-uikit/constraints
    TypeScript icon, indicating that this package has built-in type declarations

    15.2.3 • Public • Published

    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

    Install

    npm i @commercetools-uikit/constraints

    DownloadsWeekly Downloads

    8,823

    Version

    15.2.3

    License

    MIT

    Unpacked Size

    34 kB

    Total Files

    13

    Last publish

    Collaborators

    • emmenko
    • commercetools-admin
    • tdeekens