@ahmadmubarak98/namozaj NPM | npm.io

1.11.7 • Published 9 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

9 months ago

@ahmadmubarak98/namozaj

@ahmadmubarak/namozaj is a dynamic form component for React that allows you to create flexible and customizable forms with ease using JSON only.

Installation

To install the package, use either npm or yarn:

npm install @ahmadmubarak98/namozaj

or

yarn add @ahmadmubarak98/namozaj

Make sure you also install the required peer dependencies:

npm install @mui/material @emotion/react @emotion/styled

Documentation

Soon

Fields

text
phone
number
slider
select
checkbox
checkbox-group
radio-group
switch
date
time
datetime
file
field-array
repeater

Usage

import { Namozaj } from '@ahmadmubarak98/namozaj';

<Namozaj
    fields={[
        {
            name: 'name',
            type: 'text',
            meta: {
            label: 'Name',
            grid: { xs: 12, sm: 6 },
            validations: [
                {
                type: 'required',
                errorMessage: 'Name is required',
                }
            ],
            },
        }
    ]}
    onSubmit={(data) => {
    console.log('Form submitted with data:', data);
    }}
/>

References

The following libraries are utilized in the creation this library.

React Hook Form.

react-international-phone.

License

This project is licensed under the MIT License.

Attribution

When using @ahmadmubarak98/namozaj in your project, please make sure to give credit to the author by mentioning @ahmadmubarak98 in your documentation or project credits.

@hookform/resolvers @mui/x-date-pickers ag-grid-community ag-grid-react libphonenumber-js lodash moment moment-timezone react-dropzone react-hook-form react-international-phone yup yup-phone-lite

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

9 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

10 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago

11 months ago