Seduo Company UI

Stateless React Components for Bootstrap 4.

Install

npm install react@^16.3.1 react-dom@^16.3.1
npm install seduo-company-ui

Import Bootstrap CSS in the src/index.js file:

import 'seduo-company-ui-styles.css';

Import required reactstrap components within src/App.js file or your custom component files:

import { Button } from 'seduo-company-ui';

Dependencies

Required Peer Dependencies

These libraries are not bundled with Reactstrap and required at runtime:

• react
• react-dom

Optional Dependencies

These libraries are not included in the main distribution file reactstrap.min.js and need to be manually included when using components that require transitions or popover effects (e.g. Tooltip, Modal, etc).

• react-transition-group
• react-popper

Versions

Reactstrap has two primary distribution versions:

1. seduo-company-ui.min.js

   This file excludes the optional dependencies – react-popper and react-transition-group. This is the recommended approach (similar approach in Bootstrap's JavaScript components) for including Reactstrap as it reduces the filesize and gives more flexibility in configuring needed dependencies.

   Recommended use cases:

   • Small, medium, or large applications
   • Applications that do not use any transitions or popper components
   • Applications that directly use react-popper or react-transition-group – Reactstrap and your application will use the single global version included

2. seduo-company-ui.full.min.js

   This file includes the optional dependencies – react-popper and react-transition-group

   Recommended use cases:

   • Small applications

Development

• Install Yarn (https://yarnpkg.com/lang/en/docs/install/)
• Run yarn
• Run yarn dev

Documentation

Build

• Run yarn build

Docs

• Run yarn build-docs

Run examples at http://localhost:8080/ with webpack dev server: