RiderReact

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

This library builds on top of Primereact and extends its functionality to better suit the needs of my projects.

Download

RiderReact is available at npm.

# Using npm
npm install riderreact

# Using yarn
yarn add riderreact

# Using pnpm
pnpm add riderreact

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 'riderreact/dist/{componentname}';
import { Button } from 'riderreact/dist/button';

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

Theming

RiderReact has two theming modes; styled or unstyled.

Styled Mode

Styled mode is based on pre-skinned components with opinionated themes like Material, Bootstrap. 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 'riderreact/dist/resources/themes/lara-light-cyan/theme.css';