# lengband-ui

> React components library

Latest version **0.1.0** (published 2021-01-10) · MIT license · 0 weekly downloads

## Install

```sh
npm install lengband-ui
pnpm add lengband-ui
yarn add lengband-ui
bun add lengband-ui
```

## Health

**Score 30/100 (F)** — status: abandoned.

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

Warnings: low downloads; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.1.0 |
| Published | 2021-01-10 |
| First published | 2021-01-10 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | bundled |
| Module format | ESM + CommonJS |
| Dependencies | 8 |
| Unpacked size | 93.3 KB |
| Known vulnerabilities | 0 (+23 in 1 direct dependencies) |
| Install scripts | no |
| GitHub stars | 0 |
| Author | lengband |
| Maintainers | lengband |
| Keywords | Component, UI, React |

## Links

- npm: https://www.npmjs.com/package/lengband-ui
- Repository: https://github.com/lengband/lengband-ui
- Homepage: https://lengband.github.io/lengband-ui
- Issues: https://github.com/lengband/lengband-ui/issues
- npm.io page: https://npm.io/package/lengband-ui

## Dependencies (8)

- [axios](https://npm.io/package/axios.md) ^0.21.1
- [classnames](https://npm.io/package/classnames.md) ^2.2.6
- [react-scripts](https://npm.io/package/react-scripts.md) 4.0.1
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.4.1
- [react-copy-to-clipboard](https://npm.io/package/react-copy-to-clipboard.md) ^5.0.2
- [@fortawesome/react-fontawesome](https://npm.io/package/@fortawesome/react-fontawesome.md) ^0.1.14
- [@fortawesome/fontawesome-svg-core](https://npm.io/package/@fortawesome/fontawesome-svg-core.md) ^1.2.32
- [@fortawesome/free-solid-svg-icons](https://npm.io/package/@fortawesome/free-solid-svg-icons.md) ^5.15.1

## Alternatives

- [@progress/kendo-ooxml](https://npm.io/package/@progress/kendo-ooxml.md) — 152.1K weekly downloads
- [@progress/kendo-react-ripple](https://npm.io/package/@progress/kendo-react-ripple.md) — 8.0K weekly downloads
- [@progress/kendo-react-orgchart](https://npm.io/package/@progress/kendo-react-orgchart.md) — 4.3K weekly downloads
- [@praxisui/dynamic-fields](https://npm.io/package/@praxisui/dynamic-fields.md) — 2.4K weekly downloads
- [@progress/kendo-vue-listbox](https://npm.io/package/@progress/kendo-vue-listbox.md) — 932 weekly downloads

## Recent versions

- 0.1.0 (latest) — 2021-01-10

## README

# lengband-ui

lengband-ui is a [React.js](https://reactjs.org/) UI library with a simple API.

<sub>_lengband-ui is **not** a CSS framework. Instead, the focus is on interactive components that require Javascript. You should be able to use lengband-ui with any page layout, structure, or CSS framework._</sub>

## Documentation and demo

[https://lengband.github.io/lengband-ui/](https://lengband.github.io/lengband-ui/)

## Requirements

* [react](https://reactjs.org/) (^v16.8.0)
* [react-dom](https://reactjs.org/docs/react-dom.html#gatsby-focus-wrapper) (^v16.8.0)


## Browser support

IE 10+ (due to [Flexbox support](http://caniuse.com/#search=flexbox)).

## Installation

```bash
npm install lengband-ui --save
```

## Usage

### ES6

```js
import React from 'react';
import { Button, Icon } from 'lengband-ui';
import 'lengband-ui/dist/index.css';

function App() {
  return (
    <div className="App">
      <Button>learn react</Button>
      <Icon icon='arrow-down' theme='danger' />
    </div>
  );
}

export default App;
```

## Licence
lengband-ui is open source and released under the [MIT Licence](LICENCE).

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