# react-leonardo-ui

> React implementation of Leonardo UI

Latest version **0.17.0** (published 2019-11-12) · MIT license · 0 weekly downloads

## Install

```sh
npm install react-leonardo-ui
pnpm add react-leonardo-ui
yarn add react-leonardo-ui
bun add react-leonardo-ui
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.17.0 |
| Published | 2019-11-12 |
| First published | 2017-01-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 0 |
| Unpacked size | 145.8 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 8 |
| Author | Rickard Svensson |
| Maintainers | ricsv |

## Links

- npm: https://www.npmjs.com/package/react-leonardo-ui
- Repository: https://github.com/ricsv/react-leonardo-ui
- Homepage: https://github.com/ricsv/react-leonardo-ui#readme
- Issues: https://github.com/ricsv/react-leonardo-ui/issues
- npm.io page: https://npm.io/package/react-leonardo-ui

## Recent versions

- 0.17.0 (latest) — 2019-11-12
- 0.17.0-rc1 (next) — 2019-11-12
- 0.16.0 — 2019-04-16
- 0.15.0 — 2019-04-08
- 0.14.0 — 2019-04-04
- 0.13.0 — 2019-02-05
- 0.12.0 — 2018-11-22
- 0.11.0 — 2018-10-10
- 0.10.0 — 2018-10-10
- 0.9.0 — 2018-07-04
- 0.8.0 — 2018-05-31
- 0.7.1 — 2017-11-27
- 0.7.0 — 2017-11-21
- 0.6.0 — 2017-09-22
- 0.5.0 — 2017-09-18
- … 4 more at https://npm.io/package/react-leonardo-ui/versions

## README

# react-leonardo-ui

React implementation of [Leonardo UI](https://github.com/qlik-oss/leonardo-ui).

[![Build Status](https://travis-ci.org/ricsv/react-leonardo-ui.svg?branch=master)](https://travis-ci.org/ricsv/react-leonardo-ui)
[![npm](https://badge.fury.io/js/react-leonardo-ui.svg?branch=master)](http://badge.fury.io/js/react-leonardo-ui)
[![Coverage Status](https://coveralls.io/repos/github/ricsv/react-leonardo-ui/badge.svg?branch=master)](https://coveralls.io/github/ricsv/react-leonardo-ui?branch=master)
[![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](CONTRIBUTING.md#pull-requests)

## Installation

__NPM__

```sh
npm install --save react-leonardo-ui
```

## Usage

__ES2015__

```js
import { Button } from 'react-leonardo-ui';
```

__CommonJS__

```js
const Button = require('react-leonardo-ui').Button;
```

### Props passing

Properties that are not recognized by a component are passed to the root element (of most components). This removes
extra abstractions and helps keeping components small and manageable.

```jsx
<Button active title="My title" onClick={clickHandler}>
  My button
</Button>
```

In the example above, the Button component will handle the `active` attribute and pass `title` and
`onClick` to its `button` element.

## Contributing

You are more than welcome to contribute to the project. Just follow the instructions on [CONTRIBUTING.md](CONTRIBUTING.md) to setup the development environment.

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