storybook-nextjs-npm

react-modules

^{Collection of react components}

npm i react-module

yarn add react-module

Components

• AlertComponent — display alert message.
• TooltipComponent — display tooltip message.
• ButtonComponent — display button.
• BackButtonComponent — display back button.
• CardComponent — display card component.
• CardComponentWithLabel — display card component with label.
• HeadComponent — display SEO title and meta tags.
• LinkComponent — wrapper for NextLink.
• LinkTabComponent — wrapper for NextLink and Material UI Tab.
• ModalComponent — modal dialog component.
• ScrollToTopComponent — Scroll to top component.
• ToogleCardComponent — display card component with toogle button.
• FormikControlComponent — HOC component that returns Input, Select, Radio buttons, Checkboxes and Date picker components base on params.
• SingleRadioButtonComponent — Radio button that can accept boolean values.
• DateRangeComponent — Date range component.
• CustomSelectComponent — React-select component (Select2 wrapper).

Functions

• Toast — function thats render toast component.

Services

• PDF viewer — display PDFs in React app.
• PasswordStrength — password strength estimator.
• ClientSideDataTable — render client side datatable

Style

Import in scss file

@import '~react-modules/style/app.scss';

Import in js file

import 'react-modules/style/app.scss';