open-index/open-npm huggingface dataset:
npm package: @klondike/ui-preact
Description: Styleless Preact UI components
Latest version: 0.0.4

# ui-preact

> Styleless Preact UI components

[![NPM Version][npm-image]][npm-url]
[![Linux Build][travis-image]][travis-url]
[![Test Coverage][coveralls-image]][coveralls-url]

## Install

### npm
```bash
npm i -S @klondike/ui-preact
```
### yarn

```bash
yarn add @klondike/ui-preact
```

## Direct Usage

Here is a quick example to get you started, it's all you need:

```jsx
import { render } from 'preact';
import { Button } from '@klondike/ui-preact';

function App() {
  return (
    <Button>
      Get Started
    </Button>
  );
}

render(<App />, document.querySelector('#app'));
```

## Extending Components

Here is an example of extending a component:

```jsx
import { render } from 'preact';
import { Button } from '@klondike/ui-preact';

const LoudButton = ({ children, ...props }) => (
	<Button className="Button-loud" {...props}>{ children }</Button>
);

function App() {
  return (
    <LoudButton>
      Get Crackin!
    </LoudButton>
  );
}

render(<App />, document.querySelector('#app'));
```

## License

[MIT](http://vjpr.mit-license.org)

[npm-image]: https://img.shields.io/npm/v/@klondike/ui-preact.svg
[npm-url]: https://npmjs.org/package/@klondike/ui-preact
[travis-image]: https://img.shields.io/travis/live-js/@klondike/ui-preact/master.svg
[travis-url]: https://travis-ci.org/live-js/@klondike/ui-preact
[coveralls-image]: https://img.shields.io/coveralls/live-js/@klondike/ui-preact/master.svg
[coveralls-url]: https://coveralls.io/r/live-js/@klondike/ui-preact?branch=master