# basic-styles

> stylesheet for conversational mobile UI

Latest version **0.57.0** (published 2021-11-13) · 0 weekly downloads

## Install

```sh
npm install basic-styles
pnpm add basic-styles
yarn add basic-styles
bun add basic-styles
```

## Health

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

Positive: no vulnerabilities.

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

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.57.0 |
| Published | 2021-11-13 |
| First published | 2016-12-02 |
| Weekly downloads | 0 |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 2 |
| Unpacked size | 22.7 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 0 |
| Maintainers | erikpukinskis |

## Links

- npm: https://www.npmjs.com/package/basic-styles
- Repository: https://github.com/erikpukinskis/basic-styles
- Homepage: https://github.com/erikpukinskis/basic-styles#readme
- Issues: https://github.com/erikpukinskis/basic-styles/issues
- npm.io page: https://npm.io/package/basic-styles

## Dependencies (2)

- [web-element](https://npm.io/package/web-element.md) *
- [module-library](https://npm.io/package/module-library.md) *

## Recent versions

- 0.57.0 (latest) — 2021-11-13
- 0.56.0 — 2021-05-11
- 0.55.0 — 2021-05-09
- 0.54.0 — 2019-09-01
- 0.53.0 — 2019-08-05
- 0.52.0 — 2019-07-23
- 0.51.0 — 2019-07-23
- 0.50.0 — 2019-04-03
- 0.49.0 — 2019-03-14
- 0.48.0 — 2019-02-23
- 0.47.0 — 2019-02-23
- 0.46.0 — 2019-02-22
- 0.45.0 — 2019-02-22
- 0.44.0 — 2019-02-22
- 0.43.0 — 2019-02-22
- … 42 more at https://npm.io/package/basic-styles/versions

## README

**basic-styles** lets you lay out text and forms for interacting with a person.

### Demo

```javascript
var library = require("module-library")(require)

library.using(
  ["./", "web-element", "web-host"],
  function(basicStyles, element, host) {

    var sample = [
        element("h1", "Some things you can do with basic-styles"),
        element("input", {type: "text", placeholder: "You might type here"}),
        element("p", "This is a paragraph. Proceeded by a textarea:"),
        element("textarea"),
        element("p", element("button", "Click me")),
      ]

    host.onRequest(function(getBridge) {
      var bridge = getBridge()
      basicStyles.addTo(bridge)
      bridge.send(sample)
    })

  }
)
```

### Output

![screenshot of a h1, input, p, button, and textarea using the styles](/demo.gif)

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