This library adds Chubby-specific components for react. It adds to the collection maintained by Reactstrap. View the Reactstrap documentation for all of the other components.

For specifics regarding Chubby, visit the Chubby documentation.

Install with the command: npm install @careerhub/chubby-react --save-dev

Make sure you have sass compilation enabled with the command: npm install node-sass --save-dev

In your index.{ts, js, tsx, jsx} file, include the line:

import '@careerhub/chubby/scss/main.scss';

You don't need to include the @careerhub/chubby package in your project directly. @careerhub/chubby-react will handle this for you.

Usage examples are available below for each component. Import statements follow this pattern:

import { Drawer } from '@careerhub/chubby-react'
...
render() {
    <Drawer side="top" isOpen={false}>
    </Drawer>
}

Reactstrap is included (you don't need to install it separately) which can be used the same way:

import { Button } from 'reactstrap'
...
render() {
    <Button color="primary">
        This is a button
    </Button>
}
src/Components/Drawer.tsx

A drawer which can open on any side of the screen


Drawer is closed on the top.
src/Components/TuckNav.tsx

Handy nav component which follows our conventions