@kano/kbc-forms

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" />
        </>
    )
}