Getting Started

Visit https://bolio-ui.com/docs/guide to get started with Bolio UI.

Documentation

Visit https://bolio-ui.com/docs to view the full documentation.

Quick Start

1. Installation: Inside your React project directory, install Bolio UI by running either of the following:

yarn add @bolio-ui/core
# or
npm i @bolio-ui/core

2. Setup: For Bolio UI to work correctly, you need to set up the CssBaseline at the root of your application.

Go to the root of your application and do this:

import { BolioUIProvider, CssBaseline } from '@bolio-ui/core'

const Application = () => (
  <BolioUIProvider>
    <CssBaseline /> // ---> Normalize styles
    <AppComponent /> // ---> Your App Component
  </BolioUIProvider>
)

3. Using BolioUI components: Once Bolio UI is installed you can use any of the components as follows. Bolio UI uses tree-shaking so the unused modules will not be included in the bundle during the build process and each component is exported separately.

import { Button } from '@bolio-ui/core'

const Component = () => <Button>Click me</Button>

Showcases

• Bolio Icons
• Bolio Me
• Bolio ChatGPT

Community

We're excited to see the community adopt Bolio UI, raise issues, and provide feedback. Whether it's a feature request, bug report, or a project to showcase, please get involved!

• Twitter
• Instagram
• GitHub

License

MIT © brunnoandrade