Inspired by Chakra UI

Installation

Inside your React project directory, install React Beauty by running either of the following:

npm i react-beauty

Set up Provider

For React Beauty to work correctly, you need to set up the BeautyProvider at the root of your application.

Go to the root of your application and do this:

import * as React from 'react'

// 1. import `BeautyProvider` component
import { BeautyProvider } from 'react-beauty'

function App({ Component }) {
  // 2. Use at the root of your app
  return (
    <BeautyProvider>
      <Component />
    </BeautyProvider>
  )
}

Now you are ready to start using components 🥳

Storybook

Access Public Storybook in here

Documentation

Access Public Documentation in here

License

react-beauty is MIT licensed.