tsdev-react-components

ReactJS component library based on Material-UI (MUI)

Usage no npm install needed!

<script type="module">
  import tsdevReactComponents from 'https://cdn.skypack.dev/tsdev-react-components';
</script>

README

tsdev-react-components

v1.8.x

Installation

npm install --save tsdev-react-components

CSS

add index.css from dist folder to your project

import './../node_modules/tsdev-react-components/dist/index.css';

Import & Usage

import {
    Alert,
    BreadCrumb,
    ContainedButton,
    Datepicker,
    Dialog,
    Icon,
    Label,
    OutlinedButton,
    Panel,
    ProgressSpinner,
    Suggestion,
    Tag,
    TagSelect,
    Tree
} from 'tsdev-react-components';

...

<Alert />

Documentation

You can find a storybook for all components under following folder.

// create new static storybook
npm install
npm run build-storybook

...

./storybook-static/index.html

The index.html should be visible on every browser.

Examples

./static-examples/examples/index.html

The index.html should be visible on every browser.

WIKI

https://github.com/thebuoyant/React-Components/wiki

Important

You can include all components as a base component in your implementation. No properties are required as needed. So you can get a better overview, without provoking mistakes immediately.

Summary

Component introduced updated
Alert v1.0.0 v1.3.0
BreadCrumb v1.1.0 v1.3.0
ContainedButton v1.6.0 v1.6.0
Datepicker v1.2.0 v1.3.0
Dialog v1.0.0 v1.3.0
Icon v1.0.0 v1.5.0
InputSpinner v1.5.0 v1.5.0
Label v1.0.0 v1.0.0
OutlinedButton v1.7.0 v1.7.0
Panel v1.0.0 v1.3.0
ProgressSpinner v1.0.0 v1.0.0
Suggestion v1.3.0 v1.4.1
Tag v1.1.0 v1.3.0
TagSelect v1.1.0 v1.3.0