npmpackage.info

Gathering detailed insights and metrics for @vue-styled-system/prop-types

Other packages similar to @vue-styled-system/prop-types

@crabas0npm/nostrum-tenetur-error

1.0.0

Automatically detect JavaScript errors in the browser, Node.js and React Native, with plugins for React, Vue, Angular, Express, Restify and Koa. Get cross-platform error detection for handled and unhandled errors with real-time error alerts and detailed d

@vue-styled-system/prop-types

5.1.10

528.00 B

1,156

Installations

npm install @vue-styled-system/prop-types

Developer Guide

BETA

Typescript

No

Module System

CommonJS

Node Version

10.16.3

NPM Version

lerna/3.16.4/node@v10.16.3+x64 (darwin)

Score

66.8

Supply Chain

82.7

Quality

75.2

Maintenance

100

Vulnerability

100

License

Releases

Unable to fetch releases

Contributors

Download Statistics

Total Downloads

1,156

Last Day

Last Week

Last Month

Last Year

124

Bundle Size

1.05 kB

Minified

528.00 B

Minified + Gzipped

Bundlephobia

Maintainers

Package Meta Information

Latest Version

5.1.10

Package Id

@vue-styled-system/prop-types@5.1.10

Unpacked Size

5.57 kB

Size

2.14 kB

File Count

NPM Version

lerna/3.16.4/node@v10.16.3+x64 (darwin)

Node Version

10.16.3

Total Downloads

Cumulative downloads

Total Downloads

1,156

Last day

Compared to previous day

Last week

Compared to previous week

Last month

440%

Compared to previous month

Last year

-38%

124

Compared to previous year

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

vuejs-styled-system

Versions

@vue-styled-system/prop-types

Add prop types to Vue components built with Styled System

1npm i styled-system @vue-styled-system/prop-types

1import styled from 'vue-styled-components'
2import { space, color } from 'styled-system'
3import propTypes from '@vue-styled-system/prop-types'
4
5const boxProps = {
6  ...propTypes.space,
7  ...propTypes.color,
8}
9
10const Box = styled('div', boxProps)(space, color)

See props of each category in the reference table.

Custom Props

1import styled from 'vue-styled-components'
2import { space, system } from 'styled-system'
3import propTypes, { propType } from '@vue-styled-system/prop-types'
4
5const gridGap = system({
6  gap: {
7    property: 'gridGap',
8    scale: 'space',
9    defaultScale: [0, 4, 8, 16, 32, 64, 128, 256, 512]
10  }
11})
12
13const stackProps = {
14  ...propTypes.space,
15  gap: propType,
16}
17
18const Stack = styled('div', stackProps)(
19  compose(space, gridGap)
20)

No vulnerabilities found.

No security vulnerabilities found.

Other packages similar to @vue-styled-system/prop-types

@vue-styled-system/prop-types

Installations

Developer Guide

No

CommonJS

10.16.3

lerna/3.16.4/node@v10.16.3+x64 (darwin)

Score

Releases

Unable to fetch releases

Contributors

Download Statistics

Bundle Size

1.05 kB

528.00 B

Maintainers

Package Meta Information

Total Downloads

1,156

Daily Downloads

Weekly Downloads

Monthly Downloads

Yearly Downloads

Dev Dependencies

@vue-styled-system/prop-types

Available Type Categories

Custom Props