import { Meta } from '@storybook/addon-docs/blocks'; import './css/global.css'; import logo from './assets/rainbow-modules-logo.svg'; import puzzle from './assets/puzzle.svg'; import accesibility from './assets/accesibility.svg'; import translation from './assets/translation.svg';
Rainbow Modules includes a collection of components, fully integrated with Firebase, that will help you to build apps. Give it a hack and let us know what you think.
Rainbow modules are available as individual npm packages.
// with npm
$ npm install @rainbow-modules/<module> --save
// or yarn
$ yarn add @rainbow-modules/<module>Rainbow Modules has peer dependencies that needs to be installed. By installing these dependencies yourself we guarantee our modules will use the version you installed and avoid conflicts of multiple version of the same package in the your application.
// with npm
$ npm install react-intl react-redux react-router-dom redux redux-form
// or yarn
$ yarn add react-intl react-redux react-router-dom redux redux-form- @rainbow-modules/app: is the main package. It contains components and helpers to build your apps.
- @rainbow-modules/auth: components for authentication purposes.
- @rainbow-modules/hooks: useful hooks for your components.
- @rainbow-modules/validation: a set of valitators for your forms.
- @rainbow-modules/listview: list view experiences components.
- @rainbow-modules/icons: set of multi purposes icons.
- @rainbow-modules/storage: files storage and visualization experiences.
- @rainbow-modules/datetime: datetime picker experiences.
- @rainbow-modules/dashboard: component to help builing dashboard.
- @rainbow-modules/form: specific experiences of reusable form components.
- @rainbow-modules/mapbox: specific experiences of reusable map components.