# @kano/kbc-forms

> Forms component

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

## Install

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

## Health

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

Positive: esm support; no vulnerabilities.

Warnings: low downloads; no types.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 2.1.26 |
| Published | 2023-02-17 |
| First published | 2020-03-19 |
| Weekly downloads | 0 |
| License | ISC |
| TypeScript types | none |
| Module format | ESM + CommonJS |
| Dependencies | 5 |
| Unpacked size | 24.9 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-forms
- npm.io page: https://npm.io/package/@kano/kbc-forms

## Dependencies (5)

- [@types/react](https://npm.io/package/@types/react.md) ^16.14.2
- [@kano/kbc-button](https://npm.io/package/@kano/kbc-button.md) ^3.0.48
- [@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

- 2.1.26 (latest) — 2023-02-17
- 2.1.25 — 2023-02-14
- 2.1.24 — 2023-01-30
- 2.1.23 — 2023-01-27
- 2.1.22 — 2023-01-26
- 2.1.21 — 2021-11-26
- 2.1.20 — 2021-11-25
- 2.1.19 — 2021-11-25
- 2.1.18 — 2021-11-08
- 2.1.17 — 2021-10-05
- 2.1.16 — 2021-09-30
- 2.1.15 — 2021-09-07
- 2.1.14 — 2021-08-04
- 2.1.13 — 2021-07-14
- 2.1.12 — 2021-06-16
- … 124 more at https://npm.io/package/@kano/kbc-forms/versions

## README

# `kbc-forms`

A series of react components for creating form controls.

## Usage

### KbcInput

```
import { KbcInput } from '@kano/kbc-forms';

const Component = (props) => {
    return <KbcInput name="firstName" placeholder="First name" />
}
```

### KbcInputButtonGroup

```
import { KbcInputButtonGroup } from '@kano/kbc-forms';

const Component = (props) => {
    return <KbcInputButtonGroup name="firstName" placeholder="First name" />
}
```

### KbcCheckbox

```
import { KbcCheckbox } from '@kano/kbc-forms';

const Component = (props) => {
    return <KbcCheckbox name="terms" label="Agree" />
}
```

### KbcRadio

```
import { KbcRadio } from '@kano/kbc-forms';

const Component = (props) => {
    return (
        <>
            <KbcRadio name="options" id="option-1" label="Option 1" />
            <KbcRadio name="options" id="option-2" label="Option 2" />
        </>
    )
}
```

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