Git21221 / form-snippet

A simple form that made on top of MUI components and uses react hook form for validation.
https://www.npmjs.com/package/form-snippet
MIT License
5 stars 14 forks source link

Feature Request: Reusable Form Components with Validation, Modern Styling, and Multi-Select #63

Open Mustafagohar opened 2 weeks ago

Mustafagohar commented 2 weeks ago

Is your feature request related to a problem? Please describe. I want a form with reusable components that includes form validation, a modern design, and advanced input features, but I find it difficult to implement them all together in a clean and efficient manner. Additionally, handling form data with custom validation and multiple selection options can be cumbersome without using a proper library or system.

Describe the solution you'd like Reusable Form Components: I want to use pre-built form components like Input, Select Input, and Button to easily create forms. Built-in Validation: Each field should have validation rules like required, min Length, and pattern, so that I don't have to manually write the validation logic. Modern and Responsive Styling: The form should use utility-first CSS (like Tailwind CSS) to ensure it is responsive and visually appealing without custom CSS. Multi-Select Option: For certain fields ("Skills"), I want to allow users to select multiple options with a custom render style, such as checkboxes or chips.

Describe alternatives you've considered Building the form from scratch: I could manually create form elements with basic HTML and custom JavaScript validation. However, this would require writing a lot of repetitive code for validation and styling.

Additional context The form utilizes components from a package called @git21221/form-snippet for clean and reusable form fields, integrated validation, and a responsive layout based on Tailwind CSS. These components streamline the process of building complex forms while ensuring proper validation and modern design.

github-actions[bot] commented 2 weeks ago

👋 Thank you for raising an issue! We appreciate your effort in helping us improve. Our team will review it shortly. Stay tuned!

Git21221 commented 2 weeks ago

@Mustafagohar these are present ig, check dev branch