# @bity/preact-base-components

> A collection of basic user interface components written in preact.

Latest version **1.3.1** (published 2020-08-13) · MIT license · 0 weekly downloads

## Install

```sh
npm install @bity/preact-base-components
pnpm add @bity/preact-base-components
yarn add @bity/preact-base-components
bun add @bity/preact-base-components
```

## Health

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

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 1.3.1 |
| Published | 2020-08-13 |
| First published | 2019-03-29 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Unpacked size | 15 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | bity_infra, bity_publisher, lf94 |

## Links

- npm: https://www.npmjs.com/package/@bity/preact-base-components
- npm.io page: https://npm.io/package/@bity/preact-base-components

## Dependencies (1)

- [@bity/vanillajs-clipboard-component](https://npm.io/package/@bity/vanillajs-clipboard-component.md) ^0.0.1

## Recent versions

- 1.3.1 (latest) — 2020-08-13
- 1.3.0 — 2020-08-13
- 1.2.0 — 2020-08-11
- 1.1.1 — 2020-02-14
- 1.1.0 — 2020-02-14
- 1.0.1 — 2019-07-07
- 1.0.0 — 2019-06-26
- 0.0.2 — 2019-04-01
- 0.0.1 — 2019-03-29

## README

# @bity/preact-base-components

A collection of basic user interface components written in preact.

See `src/` for all the components and to learn how they work.

They are provided as ES2015 modules, and have already been transpiled once from
JSX to regular ES2015+.

You will probably want to use these in combination with
`@bity/preact-conversion-components`, `@bity/preact-exchange-client`, and
`@bity/styles`.

# Installation

`npm install @bity/preact-base-components @bity/styles`

# Usage by example

First write your preact code as you normally would as ES2015+:

```js
import { h, render } from 'preact';
import { Pulse } from '@bity/preact-base-components/pulse';

render(h(Pulse, {}, null), document.getElementById('root'));
```

Save the file and run your favorite bundler/transpiler combination, and then:

```html
<head>
  <!-- First include the default styling for the components. -->
  <link rel="stylesheet" type="text/css" href="node_modules/@bity/styles/index.css"/>
</head>

<body>
  <!-- Define a mount point: -->
  <div id="root"></div>

  <!-- Then include the bundle use. -->
  <script src="bundle.js"></script>
</body>
```

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