Usage no npm install needed!

<script type="module">
  import roninStyle from 'https://cdn.skypack.dev/@ronin/style';
</script>

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>