@jouwomgeving/ui-responsive NPM | npm.io

3.0.1 • Published 2 years ago

Install

Weekly downloads

30

License

UNLICENSED

Repository

Last release

2 years ago

Responsive

$ npm install @jouwomgeving/ui-responsive

Viewport

Usage

import React from 'react';
import * as Responsive from '@jouwomgeving/ui-responsive';

function Layout() {
  return (
    <div>
      <Responsive.Container gt="medium">
        Shows above 768px
      </Responsive.Container>
      <Responsive.Container lte="medium">
        Shows under 768px
      </Responsive.Container>
    </div>
  )
}

export default Layout;

About

A component to hide or show certain react children, this will skip entire components from be rendered within in the React diffing algorithm.

The component has 6 different sizes to determine the viewport size;

tiny: Lower or equal to 480px.
small: Higher or equal to 481px;
small: Lower or equal to: 768px;
medium: Higher or equal to: 769px;
medium: Lower or equal to: 920px;
large: Higher or equal to: 921px;

Properties

Props	Values	Default	Required
children	ReactElement		Yes
lte	small, medium, large		No
lt	tiny, small, medium, large		No
eq	tiny, small, medium, large		No
gt	tiny, small, medium, large		No
gte	tiny, small, medium		No

Container

Will be added when needed

matchmedia react-recompose

@jouwomgeving/ui-card @jouwomgeving/ui-comment @jouwomgeving/ui-form @jouwomgeving/ui-richtexteditor

2 years ago

2 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

1.0.1-alpha.e781bb8c

9 years ago

9 years ago

9 years ago

0.0.1-alpha.28c4eb24

9 years ago

0.0.1-alpha.fe9d0183

9 years ago

0.0.1-alpha.43023f3f

9 years ago

0.0.1-alpha.77247233

9 years ago

0.0.1-alpha.19ce49d2

9 years ago

0.0.1-alpha.5e42e7ac

9 years ago

0.0.1-alpha.3155ade1

9 years ago

0.0.1-alpha.a2e0952c

9 years ago

0.0.1-alpha.f0d6bf8d

9 years ago

0.0.1-alpha.d0907d09

9 years ago

0.0.1-alpha.a97c8c0e

9 years ago

0.0.1-alpha.413ebe41

9 years ago

0.0.1-alpha.a1026d9e

9 years ago

0.0.1-alpha.9cb74244

9 years ago

0.0.1-alpha.b0f9af8c

9 years ago

0.0.1-alpha.65a9fb6d

9 years ago

0.0.1-alpha.09865e54

9 years ago

0.0.1-alpha.6625dcef

9 years ago

0.0.1-alpha.dd263a31

9 years ago

0.0.1-alpha.0a419f5c

9 years ago

0.0.1-alpha.cc06f6d1

9 years ago

0.0.1-alpha.9700e6b7

9 years ago

0.0.1-alpha.6ac8ec77

9 years ago

0.0.1-alpha.402245b2

9 years ago

0.0.1-alpha.d13b9431

9 years ago

0.0.1-alpha.4a84b4c9

9 years ago

0.0.1-alpha.ccd31e2d

9 years ago

0.0.1-alpha.710460a7

9 years ago

0.0.1-alpha.c2804b05

9 years ago

0.0.1-alpha.2dd5997e

9 years ago

0.0.1-alpha.05080e21

9 years ago

0.0.1-alpha.a99ca140

9 years ago

0.0.1-alpha.7e770c6b

9 years ago

0.0.1-alpha.d06de809

9 years ago

0.0.1-alpha.2135edaa

9 years ago

0.0.1-alpha.1f3d7bbe

9 years ago

0.0.1-alpha.c0331752

9 years ago

0.0.1-alpha.c9e6ffaf

9 years ago

0.0.1-alpha.f7711be2

9 years ago

0.0.1-alpha.2ad65bcf

9 years ago

0.0.1-alpha.c540fc9a

9 years ago

0.0.1-alpha.e6929997

9 years ago

0.0.1-alpha.f19605ca-alpha.d00a59aa

9 years ago

0.0.1-alpha.c64964d1

9 years ago

0.0.1-alpha.23b9ea74

9 years ago

0.0.1-alpha.d883595a

9 years ago

0.0.1-alpha.ba844123

9 years ago

0.0.1-alpha.4adc3daf

9 years ago

0.0.1-alpha.df8e9ace

9 years ago

0.0.1-alpha.9f89f48a

9 years ago

0.0.1-alpha.5ffe785b

9 years ago

0.0.1-alpha.aeba4fc0

9 years ago

9 years ago

0.0.1-alpha.6c50c73c

9 years ago

0.0.1-alpha.cbb988d6

9 years ago

0.0.1-alpha.de4d1e08

9 years ago

0.0.1-alpha.3f2ac2a2

9 years ago

0.0.1-alpha.fc056251

9 years ago

0.0.1-alpha.0ffb8cc3

9 years ago

0.0.1-alpha.0f6db0b8

9 years ago

0.0.1-alpha.17ce3a35

9 years ago

0.0.1-alpha.8cca619b

9 years ago

0.0.1-alpha.345f02d9

9 years ago

0.0.1-alpha.edda282c

9 years ago

0.0.1-alpha.a976b92b

9 years ago

0.0.1-alpha.7b489a17

9 years ago

0.0.1-alpha.a5c9be92

9 years ago

0.0.1-alpha.596db516

9 years ago

0.0.1-alpha.88dae801

9 years ago

0.0.1-alpha.2256f13a

9 years ago

0.0.1-alpha.423dbde7

9 years ago

0.0.1-alpha.be832e38

9 years ago

0.0.1-alpha.66842441

9 years ago

0.0.1-alpha.9f8ca493

9 years ago

0.0.1-alpha.d26166cf

9 years ago

0.0.1-alpha.2d0be568

9 years ago

0.0.1-alpha.e81a9ee0

9 years ago

0.0.1-alpha.3cab2b43

9 years ago

0.0.1-alpha.bad133db

9 years ago

0.0.1-alpha.3f0f8e53

9 years ago

0.0.1-alpha.5ddf3c44

9 years ago

0.0.1-alpha.a9bb6472

9 years ago

0.0.1-alpha.e3c2ef5e

9 years ago

0.0.1-alpha.bf7a9298

9 years ago

0.0.1-alpha.532647f7

9 years ago

0.0.1-alpha.c7dd9778

9 years ago

0.0.1-alpha.e3046510

9 years ago

0.0.1-alpha.0bde5c2b

9 years ago

0.0.1-alpha.406ca721

9 years ago

0.0.1-alpha.55df3d80

9 years ago

0.0.1-alpha.0d838b77

9 years ago

0.0.1-alpha.499779ad

9 years ago

0.0.1-alpha.fec9980b

9 years ago

0.0.1-alpha.4c18d00c

9 years ago

0.0.1-alpha.6d44f4e7

9 years ago

0.0.1-alpha.3e129a50

9 years ago

0.0.1-alpha.b532edda

9 years ago

0.0.1-alpha.e2c616be

9 years ago

0.0.1-alpha.7da6ad9c

9 years ago

0.0.1-alpha.ef806f9c

10 years ago

0.0.1-alpha.b8293e98

10 years ago

0.0.1-alpha.0c44fa16

10 years ago

0.0.1-alpha.3c2eaec8

10 years ago

0.0.1-alpha.caecece5

10 years ago

0.0.1-alpha.14c3c699

10 years ago

0.0.1-alpha.54922617

10 years ago

0.0.1-alpha.5ed268a6

10 years ago

0.0.1-alpha.45a4fa31

10 years ago

0.0.1-alpha.2c5540b4

10 years ago

0.0.1-alpha.d224284e

10 years ago

0.0.1-alpha.02bfa1b8

10 years ago

0.0.1-alpha.977f75f5

10 years ago

0.0.1-alpha.c78b82cc

10 years ago

0.0.1-alpha.edd50df7

10 years ago

0.0.1-alpha.b0840b61

10 years ago

0.0.1-alpha.cbd2d357

10 years ago

0.0.1-alpha.0dbcf13f

10 years ago

0.0.1-alpha.1d4426e8

10 years ago

0.0.1-alpha.92691fe3

10 years ago

0.0.1-alpha.8727e00e

10 years ago

0.0.1-alpha.2043bf6e

10 years ago

0.0.1-alpha.9bc6812a

10 years ago

0.0.1-alpha.95954483

10 years ago

0.0.1-alpha.81fd6a97

10 years ago

0.0.1-alpha.8f1d1e41

10 years ago

0.0.1-alpha.a5eecef8

10 years ago

0.0.1-alpha.f2206543

10 years ago

0.0.1-alpha.9b57260a

10 years ago

0.0.1-alpha.f9f3c93a

10 years ago

0.0.1-alpha.da94108c

10 years ago

0.0.1-alpha.539874e0

10 years ago

0.0.1-alpha.9b5c0cd8

10 years ago

0.0.1-alpha.c0a56b6f

10 years ago

0.0.1-alpha.ef7bf050

10 years ago

0.0.1-alpha.c2964d11

10 years ago

0.0.1-alpha.33f54b45

10 years ago

0.0.1-alpha.dc0d923a

10 years ago

0.0.1-alpha.99db6118

10 years ago

0.0.1-alpha.b337b274

10 years ago