Boom-react

Boom-react is a rich set of open source UI Components for React. See Boom-react homepage for live showcase and documentation.

This library is built upon Primereact and extends its functionality to better suit the needs of specific projects.

Download

Boom-react is available at npm.

# Using npm
npm install boom-react

# Using yarn
yarn add boom-react

# Using pnpm
pnpm add boom-react

Import

Each component can be imported individually so that you only bundle what you use. Import path is available in the documentation of the corresponding component.

//import { ComponentName } from 'boom-react/dist/{componentname}';
import { Button } from 'boom-react/dist/button';

export default function MyComponent() {
  return (
    <Button label="Boom-react" />
  )
}

Theming

Boom-react has two theming modes; styled or unstyled.

Styled Mode

Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap or PrimeOne themes. Theme is the required css file to be imported, visit the Themes section for the complete list of available themes to choose from.

// theme
import 'primereact/resources/themes/lara-light-cyan/theme.css';

Unstyled Mode

Unstyled mode is disabled by default for all components. Using the PrimeReact context, set unstyled as true to enable it globally. Visit the Unstyled mode documentation for more information and examples.

Contributors