https://github.com/git21221/form-snippet

A simple form that made on top of MUI components and uses react hook form for validation.
https://github.com/git21221/form-snippet

form npm-package

Last synced: 19 days ago
JSON representation

A simple form that made on top of MUI components and uses react hook form for validation.

• Host: GitHub
• URL: https://github.com/git21221/form-snippet
• Owner: Git21221
• License: mit
• Created: 2024-08-19T12:46:31.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-12-16T17:18:00.000Z (7 months ago)
• Last Synced: 2025-04-09T15:11:09.006Z (3 months ago)
• Topics: form, npm-package
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/form-snippet
• Size: 206 KB
• Stars: 6
• Watchers: 1
• Forks: 12
• Open Issues: 33
• Metadata Files:
  • Readme: README.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md
  • Security: SECURITY.md

Awesome Lists containing this project

README

        
# FORM SNIPPET

`form-snippet` is a React package that provides a simple and flexible way to handle forms with custom components.

## Badges

| [![MIT License](https://img.shields.io/badge/License-MIT-green.svg)](https://choosealicense.com/licenses/mit/) | [![form-snippet](https://img.shields.io/npm/v/form-snippet.svg)](https://www.npmjs.com/package/form-snippet) | ![NPM Downloads](https://img.shields.io/npm/dm/form-snippet) | ![npm bundle size](https://img.shields.io/bundlephobia/min/form-snippet) |

| -------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------ | ------------------------------------------------------------------------ |

## Installation

Install form-snippet with npm

```bash

  npm install form-snippet

```

Install form-snippet with github packages

```bash

  npm install @git21221/form-snippet@latest

```

## Usage/Examples

#### A signup form using form-snippet, took less than 50 lines of code and proper validation.

```javascript

import React from "react";

import {

  Button,

  Input,

  FormWrapper,

  SelectInput,

} from "@git21221/form-snippet";

import { months, dates, years, skills } from "./data/data";

function App() {

  const handleSubmit = (data) => {

    console.log(data);

  };

  return (

    

      


        
Signup using form-snippet

        


          

          

        

        


          

        

        


          

        

        


          

          

          

        

        


          

        

        

      

    

  );

}


export default App;

```

## Contributing

Contributions are always welcome!

See [contributing.md](./CONTRIBUTING.md) for ways to get started.

Please adhere to this project's [code of conduct](./CODE_OF_CONDUCT.md).

## Authors

Original author of `form-snippet`

- Saikat Das [(@git21221)](https://www.github.com/git21221)

## License

[MIT](https://choosealicense.com/licenses/mit/)