# @kano/kbc-button

> Button component

Latest version **3.0.48** (published 2023-02-17) · ISC license · 0 weekly downloads

## Install

```sh
npm install @kano/kbc-button
pnpm add @kano/kbc-button
yarn add @kano/kbc-button
bun add @kano/kbc-button
```

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 3.0.48 |
| Published | 2023-02-17 |
| First published | 2020-03-13 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 6 |
| Unpacked size | 9.3 KB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| Author | Kano Computing |
| Maintainers | petarsimonovic, aetheern, kimonsatan, sophioski, hediho, ellenw3lsh, melissakano, camuskano, jacobmorgan99, alexfiennes, kanocomputing, rpazdera, hicksatkano, holographicleah, tomkano, alexb-kano, jamie_old_plantain |

## Links

- npm: https://www.npmjs.com/package/@kano/kbc-button
- npm.io page: https://npm.io/package/@kano/kbc-button

## Dependencies (6)

- [@types/react](https://npm.io/package/@types/react.md) ^16.14.2
- [@kano/kbc-icons](https://npm.io/package/@kano/kbc-icons.md) ^2.2.24
- [@kano/kbc-loader](https://npm.io/package/@kano/kbc-loader.md) ^2.0.8
- [@kano/kbc-tokens](https://npm.io/package/@kano/kbc-tokens.md) ^2.0.6
- [@types/react-dom](https://npm.io/package/@types/react-dom.md) ^16.9.10
- [@kano/kbc-base-styles](https://npm.io/package/@kano/kbc-base-styles.md) ^2.0.8

## Recent versions

- 3.0.48 (latest) — 2023-02-17
- 3.0.47 — 2023-02-14
- 3.0.46 — 2023-01-30
- 3.0.45 — 2023-01-27
- 3.0.44 — 2023-01-26
- 3.0.43 — 2021-11-26
- 3.0.42 — 2021-11-25
- 3.0.41 — 2021-11-25
- 3.0.40 — 2021-11-08
- 3.0.39 — 2021-10-05
- 3.0.38 — 2021-09-30
- 3.0.37 — 2021-09-07
- 3.0.36 — 2021-08-04
- 3.0.35 — 2021-07-14
- 3.0.34 — 2021-06-16
- … 119 more at https://npm.io/package/@kano/kbc-button/versions

## README

# `kbc-button`

An react Button component, for Kano boilerplate apps.

## Usage

### Default usage

```
import KbcButton from '@kano/kbc-button';

const Component = (props) => {
    return <KbcButton text="Press me!" />
}
```

### Available props

| Property       | Options                              |
|----------------|--------------------------------------|
| `text`         | `string` <br> `number` <br> `false`  |
| `type`         | `button` <br> `reset` <br> `submit`  |
| `color`        | Any color from the allColors tokens  |
| `size`         | `small` <br> `base` <br> `large`     |
| `iconSize`     | `small` <br> `base` <br> `large`     |
| `weight`       | `bold`                               |
| `outline`      | `true` <br> `false`                  |
| `borderColor`  | Any color from the allColors tokens  |
| `onClick`      | `function`                           |
| `disabled`     | `true` <br> `false`                  |
| `loading`      | `true` <br> `false`                  |
| `shadow`       | `true` <br> `false`                  |
| `icon`         | One of `KbcIcon` available icons     |

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