Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 8 days ago
JSON representation

Extended sets of props for use with Styled System.

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