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.
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> }
A drawer which can open on any side of the screen
Handy nav component which follows our conventions