@react-to-styled/essentials

Essentials

Usage no npm install needed!

<script type="module">
  import reactToStyledEssentials from 'https://cdn.skypack.dev/@react-to-styled/essentials';
</script>

README

License: MIT GitHub contributors npm npm First good issue Package size

React to styled essentials

This package contains essentials like suggested fonts, colors, etc.

Installation

We suggest this package to be imported

Install with npm:

npm install @react-to-styled/essentials

Install with yarn:

yarn add @react-to-styled/essentials

Import

import { EssentialStyle, Colors, Fonts } from '@react-to-styled/essentials'

Usage

Here is a quick example how to import essential styles:

import React from 'react'
import ReactDOM from 'react-dom'
import { EssentialStyle } from '@react-to-styled/essentials'

function App() {
  return (
    <div>
      <EssentialStyle />
      ...the rest of the app
    </div>
  )
}

ReactDOM.render(<App />, document.querySelector('#app'))

You can also check our storybook for more examples