https://github.com/knowler/system-prop-sets

Extended sets of props for use with Styled System.
https://github.com/knowler/system-prop-sets

css-in-js design-systems emotion styled-components styled-system

Last synced: 19 days ago
JSON representation

Extended sets of props for use with Styled System.

• Host: GitHub
• URL: https://github.com/knowler/system-prop-sets
• Owner: knowler
• License: mit
• Created: 2019-01-04T22:08:18.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-04-04T05:15:50.000Z (over 5 years ago)
• Last Synced: 2024-10-14T05:02:19.814Z (about 1 month ago)
• Topics: css-in-js, design-systems, emotion, styled-components, styled-system
• Language: JavaScript
• Homepage:
• Size: 59.6 KB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

        
# `system-prop-sets`

Extended sets of props for use with [Styled System].

```shell

npm i system-prop-sets

```

## Exports

* `system` — everything

* `layout`

* `skin`

* `typography`

* `positioning`

* `grid`

* `flexbox`

* `backgrounds`

## Usage

```js

import styled from '@emotion/styled'

import { system, typography } from 'system-prop-sets'

export const Box = styled.div(system)

export const Text = styled.span(typography)

```

## Contributing

Feedback and optimizations welcome.

[Styled System]: https://styled-system.com