@ahmadmubarak98/namozaj NPM | npm.io

1.11.7 • Published 5 months ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

5 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

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

5 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

6 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago

7 months ago