# @dash4/ui

> dash4 react ui component

Latest version **0.9.3** (published 2020-12-07) · MIT license · 0 weekly downloads

## Install

```sh
npm install @dash4/ui
pnpm add @dash4/ui
yarn add @dash4/ui
bun add @dash4/ui
```

## Health

**Score 35/100 (D)** — status: abandoned.

Positive: has types; no vulnerabilities; high quality score.

Warnings: low downloads; no esm support; pre 1.0.

Negative: abandoned.

## Facts

| | |
|---|---|
| Version | 0.9.3 |
| Published | 2020-12-07 |
| First published | 2019-04-07 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 53.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 20 |
| Author | Simon Mollweide |
| Maintainers | smollweide |

## Links

- npm: https://www.npmjs.com/package/@dash4/ui
- Repository: https://github.com/smollweide/dash4
- Homepage: https://github.com/smollweide/dash4#readme
- Issues: https://github.com/smollweide/dash4/issues
- npm.io page: https://npm.io/package/@dash4/ui

## Dependencies (1)

- [@rooks/use-key](https://npm.io/package/@rooks/use-key.md) 3.6.0

## Recent versions

- 0.9.3 (latest) — 2020-12-07
- 0.9.2 — 2020-11-18
- 0.9.1 — 2020-11-18
- 0.9.0 — 2020-08-22
- 0.8.5 — 2020-06-05
- 0.8.4 — 2020-05-09
- 0.8.3 — 2020-05-01
- 0.8.2 — 2020-04-09
- 0.8.1 — 2020-03-15
- 0.8.0 — 2020-01-24
- 0.7.1 — 2019-12-20
- 0.7.0 — 2019-11-15
- 0.6.0 — 2019-11-03
- 0.5.2 — 2019-10-24
- 0.5.1 — 2019-07-20
- … 6 more at https://npm.io/package/@dash4/ui/versions

## README

<div align="center">
<h1>Dash4 UI</h1>

React components for Dash4. Dash4 uses react-bootstrap for buttons, ...
<br />

[![NPM version](https://badge.fury.io/js/%40dash4%2Fui.svg)](https://www.npmjs.com/package/@dash4/ui)
[![License](https://img.shields.io/badge/license-MIT-green.svg)](http://opensource.org/licenses/MIT) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/) [![Prettier](https://img.shields.io/badge/Code%20Style-Prettier-green.svg)](https://github.com/prettier/prettier) ![TypeScript-ready](https://img.shields.io/npm/types/@dash4/ui.svg)

<br />
</div>

The following documentation is just relevant for dash4 plugin development. For informations on how to use Dash4 please read this: [Dash4 documentation](https://github.com/smollweide/dash4/blob/master/README.md)

## Table of Contents

* [Installation](#installation)
* [Usage](#usage)
* [Components](#components)
* [License](#license)

## <a name="installation">Installation</a>

```shell
npm install @dash4/ui --save
```

## <a name="usage">Usage</a>

```tsx
import React from 'react';
import { Button } from 'react-bootstrap';
import { Icon, Window, WindowBody, WindowHeader } from '@dash4/ui';
```

## <a name="components">Components</a>

* [Window](https://github.com/smollweide/dash4/tree/master/packages/ui/src/components/Window/README.md)
* [Icon](https://github.com/smollweide/dash4/tree/master/packages/ui/src/components/Icon/README.md)
* [ErrorBoundary](https://github.com/smollweide/dash4/tree/master/packages/ui/src/components/ErrorBoundary/README.md)
* [Keyboard](https://github.com/smollweide/dash4/tree/master/packages/ui/src/components/Keyboard/README.md)

## <a name="license">License</a>

The @dash4/ui is [MIT licensed](./LICENSE)

---
_Source: https://npm.io/package/@dash4/ui · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._