ReactiumUI

Sponsors

Your logo can be here
  1. Getting started
  2. Theming
  3. Card
  4. Container
  5. Grid
  6. List
  7. Navbar
  8. Table
  9. Text
  10. Drawer
  11. Button
  12. Group
  13. Checkbox
  14. Radio
  15. Input
  16. Modal

Getting started

Install inside your React project directory with command

npm i reactiumui
#or
yarn add reactiumui

To customize them, add following lines in your root component

import {ReactiumThemeProvider} from  'reactiumui';
 
 const App = () => {
     return (
   	  <ReactiumThemeProvider>
   		  <AppComponent />
   	  </ReactiumThemeProvider>
     )
 }

Import any components you want

import {Button} from 'reactiumui';
// or import manually
// import Button from 'reactiumui/button';
const MyComponent = () => <Button>Press Me</Button>
export default MyComponent;

If you are using NextJS add this to your _document file

import { Html, Head, Main, NextScript } from 'next/document';
import { cssTextStyle } from 'reactiumui';

export default function Document() {
    return (
        <Html>
            <Head>
                {cssTextStyle()}
            </Head>
            <body>
                <Main />
                <NextScript />
            </body>
        </Html>
    )
}

On this page