RepositoryCurrent collected state Current
Observed since 20 Oct, 21:49 UTC
No superseded metadata states collected. Unchanged observations do not create new revisions.
Back to packageRELEASE DETAILS
0.1.2
npm@-ui/react-layout
```jsx harmony import _ from '@-ui/react-layout' ```
All keywords (18)
Published2 May 2020
Direct dependencies36
Transitive dependenciesNot calculated
README
Current package documentation@-ui/react-layout
npm i @-ui/react-layout
Awesome layout primitives for React and dash-ui
Quick Start
import _ from '@-ui/react-layout'
API
Components
| Component | Description |
|---|---|
| LayoutProvider | A context provider which is only required if you intend on using media query props or a custom styles object created by @-ui/react using styles.create() |
| Cluster | |
| Column | |
| FlexItem | |
| Box | |
| Grid | |
| GridItem | |
| Layer | |
| LayerItem | |
| Row |
Hooks
| Component | Description |
|---|---|
| useLayout | Consumes the context from LayoutProvider |
Styles
These are useful objects for using quick flex styles in media query props
| Component | Description |
|---|---|
| alignContent | |
| alignItems | |
| alignSelf | |
| flexDirection | |
| justifyContent | |
| justifyItems | |
| justifySelf |
Components
<LayoutProvider>
| Prop | Type | Default | Required? | Description |
|---|---|---|---|---|
Hooks
useLayout()
Consumes the context from LayoutProvider
Styles
alignItems
An object containing a property map for align-items styles
LICENSE
MIT
Downloads & popularity
Awaiting observationsNo metric observations yet
Download counts and popularity will appear here as the collector receives them.
Declared dependencies 39
Native requirements36 direct targetsNot calculated transitive count
| Package / target | Requirement | Relationship |
|---|---|---|
@-ui/mqEnvironment{
"local_name": "@-ui/mq",
"alias": false,
"peer_metadata": null
} | ^2.1.0 | runtime |
@emotion/unitlessEnvironment{
"local_name": "@emotion/unitless",
"alias": false,
"peer_metadata": null
} | ^0.7.5 | runtime |
clsxEnvironment{
"local_name": "clsx",
"alias": false,
"peer_metadata": null
} | ^1.1.0 | runtime |
@-ui/jestEnvironment{
"local_name": "@-ui/jest",
"alias": false,
"peer_metadata": null
} | ^1.1.1 | development |
@-ui/reactEnvironment{
"local_name": "@-ui/react",
"alias": false,
"peer_metadata": null
} | ^1.2.2 | development |
@babel/preset-reactEnvironment{
"local_name": "@babel/preset-react",
"alias": false,
"peer_metadata": null
} | latest | development |
@lunde/babel-preset-esEnvironment{
"local_name": "@lunde/babel-preset-es",
"alias": false,
"peer_metadata": null
} | latest | development |
@testing-library/jest-domEnvironment{
"local_name": "@testing-library/jest-dom",
"alias": false,
"peer_metadata": null
} | latest | development |
@testing-library/reactEnvironment{
"local_name": "@testing-library/react",
"alias": false,
"peer_metadata": null
} | latest | development |
@testing-library/react-hooksEnvironment{
"local_name": "@testing-library/react-hooks",
"alias": false,
"peer_metadata": null
} | latest | development |
@types/jestEnvironment{
"local_name": "@types/jest",
"alias": false,
"peer_metadata": null
} | latest | development |
@types/reactEnvironment{
"local_name": "@types/react",
"alias": false,
"peer_metadata": null
} | latest | development |
@types/react-domEnvironment{
"local_name": "@types/react-dom",
"alias": false,
"peer_metadata": null
} | latest | development |
@typescript-eslint/eslint-pluginEnvironment{
"local_name": "@typescript-eslint/eslint-plugin",
"alias": false,
"peer_metadata": null
} | latest | development |
@typescript-eslint/parserEnvironment{
"local_name": "@typescript-eslint/parser",
"alias": false,
"peer_metadata": null
} | latest | development |
babel-plugin-annotate-pure-callsEnvironment{
"local_name": "babel-plugin-annotate-pure-calls",
"alias": false,
"peer_metadata": null
} | ^0.4.0 | development |
babel-plugin-optimize-reactEnvironment{
"local_name": "babel-plugin-optimize-react",
"alias": false,
"peer_metadata": null
} | latest | development |
eslintEnvironment{
"local_name": "eslint",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-import-resolver-jestEnvironment{
"local_name": "eslint-import-resolver-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-plugin-jestEnvironment{
"local_name": "eslint-plugin-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-plugin-reactEnvironment{
"local_name": "eslint-plugin-react",
"alias": false,
"peer_metadata": null
} | latest | development |
eslint-plugin-react-hooksEnvironment{
"local_name": "eslint-plugin-react-hooks",
"alias": false,
"peer_metadata": null
} | latest | development |
huskyEnvironment{
"local_name": "husky",
"alias": false,
"peer_metadata": null
} | latest | development |
jestEnvironment{
"local_name": "jest",
"alias": false,
"peer_metadata": null
} | latest | development |
jest-styled-componentsEnvironment{
"local_name": "jest-styled-components",
"alias": false,
"peer_metadata": null
} | ^7.0.2 | development |
lint-stagedEnvironment{
"local_name": "lint-staged",
"alias": false,
"peer_metadata": null
} | latest | development |
minify-css.macroEnvironment{
"local_name": "minify-css.macro",
"alias": false,
"peer_metadata": null
} | ^1.0.6 | development |
prettierEnvironment{
"local_name": "prettier",
"alias": false,
"peer_metadata": null
} | latest | development |
pretty-formatEnvironment{
"local_name": "pretty-format",
"alias": false,
"peer_metadata": null
} | ^25.4.0 | development |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | latest | development |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | latest | development |
react-test-rendererEnvironment{
"local_name": "react-test-renderer",
"alias": false,
"peer_metadata": null
} | latest | development |
ts-jestEnvironment{
"local_name": "ts-jest",
"alias": false,
"peer_metadata": null
} | latest | development |
typescriptEnvironment{
"local_name": "typescript",
"alias": false,
"peer_metadata": null
} | latest | development |
@-ui/reactEnvironment{
"local_name": "@-ui/react",
"alias": false,
"peer_metadata": null
} | >=1.2.0 | peer |
@-ui/stylesEnvironment{
"local_name": "@-ui/styles",
"alias": false,
"peer_metadata": null
} | >=1.2.0 | peer |
prop-typesEnvironment{
"local_name": "prop-types",
"alias": false,
"peer_metadata": null
} | >=15.6 | peer |
reactEnvironment{
"local_name": "react",
"alias": false,
"peer_metadata": null
} | >=16.8 | peer |
react-domEnvironment{
"local_name": "react-dom",
"alias": false,
"peer_metadata": null
} | >=16.8 | peer |
Distribution files
1 collectedDistribution 1
Source fileSource distribution
Checksums from source
{
"shasum": "72744e19fcce34810c0bafe111703d921a45fa9f",
"integrity": "sha512-lTd3Djx4DSXCn3gksTosxG+0NuW3RpDRUH8bEsy0EMwAGgMxMOKH4adry88T+wIWCW9dfOMjPY0Gg8FcGX6RvA==",
"tarball": "https://registry.npmjs.org/@-ui/react-layout/-/react-layout-0.1.2.tgz",
"fileCount": 47,
"unpackedSize": 66932,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJerNmFCRA9TVsSAnZWagAANrIQAIJFl21qFG4SaQT/PepI\nQpTTaWQxa00NGGbaw1tmQ8n/bz+FA3WWjr2QmjwiQlCQ/HTDEwKIf9RZ7Zti\nccXy+2HlvKdX4xI91nYSDPIUmZxdfaikvZzXgFA205f6zSBF37lyQDOFW9q8\ntqSk65ps3RIyGwIuCXEtgIK3pPI5ZHXutW9SEHmq1JFR0PlT0BP29X6L9qqY\nzdNc/y4Aybo0kabgwYFKMj6C7adizxQno4hQ1XTnVTXsd1J8rHfCKwRuSMhj\nPEeMnmql0qAsGjD6eH7RPMcW7cyhwSNkE3JLyIvoBr4dRdA7AAp34gzhXucz\n89LQ45eCpCh+itvtIlpGx3JIM8z5n0Dixc6DTEhw92e3wZnwzzwcBZXErDAW\nhvnwbASx2T3PVpVd+9iLUGfVq3vMzunc4I7JBcrYq9gEUWujImaMFjfNl5Zh\nyK5haPcnKYM8XKcIPxu6pyboA8JqCBNyqbqV10KdPcEOyy3zuXO0G7/sXpvd\nuSrl8tqs7HW3wMnjcmhLO2goOgLc2yT4JL9gVRL5X/xJe0Qk052Fatm/QK/I\n7D7H44cdg9K5YYWRiKLMYNIRLcNRg/PvI6O1tYDCongiJyD4wdBHfaBoPDsq\nXQjhGQOoyqwwKqTNYfjoyEs+k5LHF7h/mvy/QhXtAUcDZWyTBmChSlm95sQn\n+i1u\r\n=EG6F\r\n-----END PGP SIGNATURE-----\r\n",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEYCIQCxfGkDvggtv0sE4CrBg9QbdtLuw0C6UA04sMeVv1jHawIhANI7bM+cYGU0ajhV3Bs5YQOQxfL3LnBlnhrlr+xn71FX"
}
]
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:0742e42ab76bd03190f48444ce8b80f552b0cbe863bd6851c1f86ad00a7e8b65