https://github.com/sergeysova/jss-styled

https://github.com/sergeysova/jss-styled

Last synced: over 1 year ago
JSON representation

• Host: GitHub
• URL: https://github.com/sergeysova/jss-styled
• Owner: sergeysova
• License: mit
• Archived: true
• Created: 2017-03-22T18:05:28.000Z (over 9 years ago)
• Default Branch: master
• Last Pushed: 2017-03-22T18:34:09.000Z (over 9 years ago)
• Last Synced: 2025-03-11T11:50:29.093Z (over 1 year ago)
• Language: JavaScript
• Size: 5.86 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# JSS Styled

## Usage

```js

// app/styled.js

import { create as createJss } from 'jss'

import { create as createInjectSheet } from 'react-jss'

import presetDefault from 'jss-preset-default'

import createStyledJss from 'jss-styled'

export const jss = createJss()

jss.setup(presetDefault())

export const injectSheet = createInjectSheet(jss)

export default createStyledJss(injectSheet)

// app/components/button.js

import React from 'react'

import styled from '../styled'

const Button = styled.button('Button', () => ({

  backgroundColor: 'black',

  padding: 20,

  color: 'white',

}))

export default Button

```