This package has been deprecated

Author message:

check instead https://www.npmjs.com/package/stylesheet-decorator

react-stylesheet-decorator

0.1.0 • Public • Published

This decorator allows to easily style React components through adding a scoped stylesheet inside that component and defined styles only get applied to it and its descendants.

Basically it allows to style in Reactjs like Angular or Vue does by adding a scoped stylesheet

Capabilities

This decorator supports all CSS capabilities defined here: https://www.npmjs.com/package/scope-css

Getting started

Bower

just kidding! XD

NPM

install npm install react-stylesheet-decorator --save

usage:

  • first import
import { stylesheet } from "react-stylesheet-decorator"
  • then define a string with raw CSS content
const style = `
  span { font-size: 20px }
`
  • Plug it on render fn of some React component
@stylesheet(style)
render() {
  return <span>something</span>
}

Using Preact

This package is based on Preact package which has the same API but you have to use another package. Please refer to here if you're using Preact https://www.npmjs.com/package/stylesheet-decorator

That's all Folks!

Thanks to @_developit for its support <3.

This development is related on this conversation Twitter Link and this issue GH preact issue

Readme

Keywords

none

Package Sidebar

Install

npm i react-stylesheet-decorator

Weekly Downloads

1

Version

0.1.0

License

MIT

Unpacked Size

3.95 kB

Total Files

4

Last publish

Collaborators

  • k1r0s