Getting Started
Minerva UI is a reusable component library to help build UIs faster. This library aims to be highly composable, easy to use and accessible.
Install
yarn add minerva-ui
npm install --save minerva-ui
Usage
First add the <ThemeProvider />
and <GlobalStyles />
to the root of your app:
<GlobalStyles />
is optional but highly recommended. It includes the CSS reset and base styles from Tailwind CSS.
import { ThemeProvider, GlobalStyles } from 'minerva-ui';const App = () => ( <ThemeProvider> {/* optional but recommended */} <GlobalStyles /> </ThemeProvider>);
Then import components you want to use
import { Checkbox } from 'minerva-ui';
And use them:
Contributing
Local Development
- Clone Repo
- Run
yarn install
- Run
yarn lerna bootstrap
to link dependencies
If you want to run the documentation locally:
- Follow the steps above
- Run
yarn start
in the root directory - Go to the
docs
directory and runyarn start
About
Influences
Ryan Florence "Reach UI" Guidelines - Great guidelines for making composable / declarative React APIs
Tailwind CSS - Utility-based CSS framework without pre-packaged styles
Chakra UI - Batteries-included React Component library