@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.

MUI

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.