# @stuart/ui

> Stuart's UI and style library for React

Latest version **0.0.2** (published 2021-02-18) · ISC license · 0 weekly downloads

## Install

```sh
npm install @stuart/ui
pnpm add @stuart/ui
yarn add @stuart/ui
bun add @stuart/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.0.2 |
| Published | 2021-02-18 |
| First published | 2020-08-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 17 |
| Unpacked size | 3.4 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Maintainers | naoisegolden, jhervasdiaz, newtt |

## Links

- npm: https://www.npmjs.com/package/@stuart/ui
- Repository: https://github.com/StuartApp/ui
- Homepage: https://github.com/StuartApp/ui#readme
- Issues: https://github.com/StuartApp/ui/issues
- npm.io page: https://npm.io/package/@stuart/ui

## Dependencies (17)

- [qs](https://npm.io/package/qs.md) ^6.5.0
- [react](https://npm.io/package/react.md) ^17.0.0
- [lodash](https://npm.io/package/lodash.md) ^4.17.14
- [shader](https://npm.io/package/shader.md) ^1.0.0
- [autosize](https://npm.io/package/autosize.md) ^4.0.2
- [mapbox-gl](https://npm.io/package/mapbox-gl.md) ^1.1.1
- [react-dom](https://npm.io/package/react-dom.md) ^17.0.0
- [classnames](https://npm.io/package/classnames.md) ^2.2.5
- [prop-types](https://npm.io/package/prop-types.md) ^15.5.10
- [react-intl](https://npm.io/package/react-intl.md) ^4.7.6
- [react-modal](https://npm.io/package/react-modal.md) ^3.11.2
- [react-helmet](https://npm.io/package/react-helmet.md) ^6.0.0
- [react-tether](https://npm.io/package/react-tether.md) ^2.0.3
- [@turf/distance](https://npm.io/package/@turf/distance.md) ^6.0.1
- [libphonenumber-js](https://npm.io/package/libphonenumber-js.md) ^1.7.4
- [react-autosuggest](https://npm.io/package/react-autosuggest.md) ^10.0.3
- [react-transition-group](https://npm.io/package/react-transition-group.md) ^4.3.0

## Recent versions

- 0.0.2 (latest) — 2021-02-18
- 0.1.0-beta.3 (beta) — 2022-05-31
- 0.1.0-beta.2 — 2022-03-02
- 0.1.0-beta.1 — 2022-03-01
- 0.0.3-beta.8 — 2021-10-06
- 0.0.3-beta.7 — 2021-09-20
- 0.0.3-beta.6 — 2021-03-10
- 0.0.3-beta.5 — 2021-03-02
- 0.0.3-beta.4 — 2021-03-02
- 0.0.3-beta.3 — 2021-03-02
- 0.0.3-beta.2 — 2021-03-02
- 0.0.3-beta.1 — 2021-02-18
- 0.0.3-beta.0 — 2020-12-17
- 0.0.2-beta.5 — 2020-11-12
- 0.0.2-beta.4 — 2020-11-12
- … 5 more at https://npm.io/package/@stuart/ui/versions

## README

# Stuart UI (BETA)

Stuart's UI library of React.js components

## Semantic release:

This package is semantically released. 

## Warning: work in progress

This package is in active development and in beta stage, so it may have errors. The bundle is not minified and includes the source maps for better debugging, which makes it quite big. Incident reports have been disabled until the package is out of beta and ready for official release (v 1.x.x).

### How to use

```js
import React from "react";
import { SwitchInput, TextInput } from "@stuart/ui"

function App() {
  return (
    <form>
      <div>
        <SwitchInput value={false} />
        <SwitchInput value={true} />
      </div>
      <div>
        <TextInput placeholder="Text input" />
      </div>
    </form>
  );
}

export default App;
```

Form components are ["uncontrolled"](https://reactjs.org/docs/uncontrolled-components.html), which means the state management must be implemented on top.

### List of components

- [ActionsBar](/src/components/ActionsBar)
- [AddressListItem](/src/components/AddressListItem)
- [Autocomplete](/src/components/Autocomplete)
- [Blankslate](/src/components/Blankslate)
- [Button](/src/components/Button)
- [Card](/src/components/Card)
- [Checkbox](/src/components/Checkbox)
- [CountriesDropdown](/src/components/CountriesDropdown)
- [Driver](/src/components/Driver)
- [Drop](/src/components/Drop)
- [Dropdown](/src/components/Dropdown)
- [ErrorMessage](/src/components/ErrorMessage)
- [ErrorPage](/src/components/ErrorPage)
- [FormattedPhone](/src/components/FormattedPhone)
- [FormattedTransportType](/src/components/FormattedTransportType)
- [Icon](/src/components/Icon)
- [IconButton](/src/components/IconButton)
- [LazyImage](/src/components/LazyImage)
- [LoadingIndicator](/src/components/LoadingIndicator)
- [MapboxMap](/src/components/MapboxMap)
- [MarkersMap](/src/components/MarkersMap)
- [Meta](/src/components/Meta)
- [Modal](/src/components/Modal)
- [OnlineListener](/src/components/OnlineListener)
- [PhoneButton](/src/components/PhoneButton)
- [PhoneInput](/src/components/PhoneInput)
- [PhotoInput](/src/components/PhotoInput)
- [PickerButton](/src/components/PickerButton)
- [Pill](/src/components/Pill)
- [QuestionMark](/src/components/QuestionMark)
- [SearchFilter](/src/components/SearchFilter)
- [Select](/src/components/Select)
- [SlotPicker](/src/components/SlotPicker)
- [StaticMap](/src/components/StaticMap)
- [SwitchInput](/src/components/SwitchInput)
- [TextInput](/src/components/TextInput)
- [Tooltip](/src/components/Tooltip)

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