@ws-serenity/react-text-inputs
TypeScript icon, indicating that this package has built-in type declarations

4.0.0 • Public • Published

Простейшие компоненты ввода TextArea и TextInput

Repository

About

Суть в отсутствии каких-либо "лишних стилей", что позволяет без проблем настраивать под любой проект.

export type BaseInputProps = {
    /**
     * подпись к инпуту
     */
    label?: string;
    /**
     * отображать поле как обязательное (красная звездочка)
     */
    showRequired?: boolean;
    /**
     * уникальный id для label
     */
    labelId?: string;
}

Пример

export const TextBoxForm = () => {
    const {
        register,
        handleSubmit,
    } = useForm<TestUser>({
        mode: 'onBlur',
        reValidateMode: 'onChange',
    });

    function onSubmit(data: TestUser) {
        alert(data);
    }

    return (
        <form
            action="#"
            onSubmit={handleSubmit(onSubmit)}
            className={'test-form'}
        >
            <div
                className={'test-form__wrapper'}
            >
                <TextBox
                    label={'Name:'}
                    {...register('name', nameValidation)}
                />
                <TextBox
                    label={'Age:'}
                    {...register('age', ageValidation)}
                />
            </div>
            <button className={'test-form__submit'}>
                Submit
            </button>
        </form>
    );
};

/@ws-serenity/react-text-inputs/

    Package Sidebar

    Install

    npm i @ws-serenity/react-text-inputs

    Weekly Downloads

    1

    Version

    4.0.0

    License

    ISC

    Unpacked Size

    10.1 kB

    Total Files

    9

    Last publish

    Collaborators

    • skukartsev
    • ra.vi.an
    • gransly
    • d.duda
    • blablaprincess
    • a.manakina
    • f.ishchenko