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.0-alpha
npm@-ui/react-layout
```jsx harmony import _ from '@-ui/react-layout' ```
All keywords (18)
Published24 Apr 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 |
as-withEnvironment{
"local_name": "as-with",
"alias": false,
"peer_metadata": null
} | ^0.1.0 | 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-optimize-reactEnvironment{
"local_name": "babel-plugin-optimize-react",
"alias": false,
"peer_metadata": null
} | latest | development |
babel-plugin-typescript-to-proptypesEnvironment{
"local_name": "babel-plugin-typescript-to-proptypes",
"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 |
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": "64d4cf417798c94ecea3282198835266a28b7b7c",
"integrity": "sha512-Dcos7k/zEyPIQT/I0zAIRaKke57201j+L6C47Z/E3H/YyEp90VWQTZAIHRylCsPbegvg5KB1hO5M7sPLfkW1Vg==",
"tarball": "https://registry.npmjs.org/@-ui/react-layout/-/react-layout-0.1.0-alpha.tgz",
"fileCount": 46,
"unpackedSize": 66130,
"npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v3.0.4\r\nComment: https://openpgpjs.org\r\n\r\nwsFcBAEBCAAQBQJeo2AbCRA9TVsSAnZWagAA/lcQAJKepU10NwQcqAyM5fjB\n5h9TErM06UBRwFEv2vrzZNwlVehVUsi4DuKeTwRsNVZGCudcf1nD9Kk6Ja2K\nsfbLCFWvQdEz1wfBziCwvD2JkvmQGzFbWPZ2ltI8kMRKw2G6QYbpp0dR7v2u\nfomKTuAZJDkHA+aI/kGXncuCj8eaUXHxn8MzKOwLnW4gV0gBqwOJK/T5kdy/\nDW3BxWtQsfrSEPavQ8yF+hysa1D9HNFHlytFfvBtlHELufB0m7axU3Dj8qnl\nFjKuJ9CVM9ST/cTUVwi9E1BDqqV2awFjkiAfOIWDyiWSjOBKRfdibej+j9KR\nKljeQZwx5uMFkscYNx9wFKbhiZG24HhA07J7UBVZvDuUH84BGncuUf3VzMrf\nFdrCbG6kb6UnR9HH3oqQm0VdC9NjHr99IIb/2LIU6jvpWokiSDuI1FiDk5Q4\naQOiN5fhx/IXG1JWlmdip5Yy+LBn3t4myHCPW6mgOaYXR1t3tX+z7nvDmQ7V\n45FiiQDnaglldXgwIMvPE/hLLONEVal6dVV7UV7oi8Ms17lrJchz5OOKWVkD\n6GbqzmkWfRGgMOZGRfd9CdgefAxrUaa139nrWIc+KBDUI0MPzv6cTAxV0o6d\nMG8XHg3d3sJ/Wx9Ui7CuiCZuxzCuGm88FpMNs9WnKldRx4agY/+aiDKHV+uD\nCV0j\r\n=zxHx\r\n-----END PGP SIGNATURE-----\r\n",
"signatures": [
{
"keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
"sig": "MEUCIHAnjt5L6r9PestW0n/qpZdpluUi6EzM5XJ8wh+WfnnkAiEA51GcY1UcshimOyr2e/qJK0eHDHnfm+LMj7ufuaxhxZw="
}
]
}Repository
PENDINGMetadata history
Meaningful changesRecord identity
package_version:855db01fa0fff5de68cc2e20c29d9b3ee89de1ca68a09273683e0bc63f1ab637