# adjustable-react-ui-button

> an adjustable UI button built in React that can be set by columns and rows

Latest version **1.0.7** (published 2017-05-25) · ISC license · 0 weekly downloads

## Install

```sh
npm install adjustable-react-ui-button
pnpm add adjustable-react-ui-button
yarn add adjustable-react-ui-button
bun add adjustable-react-ui-button
```

## 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.0.7 |
| Published | 2017-05-25 |
| First published | 2017-05-14 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 1 |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Juan Guardado |
| Maintainers | jguardado |
| Keywords | React |

## Links

- npm: https://www.npmjs.com/package/adjustable-react-ui-button
- Repository: https://github.com/Jguardado/AdjustableButton
- Homepage: https://github.com/Jguardado/AdjustableButton#readme
- Issues: https://github.com/Jguardado/AdjustableButton/issues
- npm.io page: https://npm.io/package/adjustable-react-ui-button

## Dependencies (1)

- [classnames](https://npm.io/package/classnames.md) ^2.2.5

## Alternatives

- [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads
- [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads
- [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads
- [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads
- [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads

## Recent versions

- 1.0.7 (latest) — 2017-05-25
- 1.0.6 — 2017-05-25
- 1.0.5 — 2017-05-25
- 1.0.4 — 2017-05-24
- 1.0.3 — 2017-05-19
- 1.0.2 — 2017-05-14

## README

### AdjustableButton

This repo is a simple UI button that can be set to a certain size based on how many columns the user decides. This component if part of the ComponentBase Library of reusable component.

npm:
```sh
npm install adjustable-react-ui-button --save
```
To run the demo simply:

```sh
npm run build-demo
npm run demo
```

#### Usage
```sh
  <AdjustableButton
    handleClick={() => { console.log('passed check func');}}
    columns={4}
    value="example button"
    />
```

The above example shows the component being used to render a button capable of being set inline as four columns. However the component does not automatically assume that the user wants any button to be inline. That is why we have included the option of adding personalized styling classes to the component, so that the user and make that definition for themselves. To do so:

```sh
  <AdjustableButton
    handleClick={() => { console.log('passed check func');}}
    columns={4}
    value="example button"
    addedClassName="whatever style definitions you want"
    />
```

As you may notice the `handleClick` function above takes in a give function to be used as the `onClick` for the AdjustableButton. In the example we use a simple console.log call back. You can pass whatever function you'd like.

Another option in AdjustableButton is to set the value or text of the Button. simply pass in whatever string you want to be set as the button text and it will automatically adjust to the appropriate size.

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