@ronin/style
v1.0.2
Published
HOC to write react components with Style
Downloads
2
Readme
style
HOC to write react component with Style
Demo
https://codesandbox.io/s/6l0mkwk79n
Install
$ yarn add @ronin/style
Usage
import Style from '@ronin/style';
const App = () => <div className="App">
<Style color="red" fontWeight="bold">
<h1>I'm so Stylish</h1>
</Style>
</div>
This will output:
<div class="App">
<h1 style="color: red; font-weight: bold;">I'm so Stylish</h1>
</div>
You can also Style text, it will wrap them with span
element by default.
You can pass tag
prop with the you want instead:
<Style tag="p" color="red">I'm a stylish text</Style>