An open API service indexing awesome lists of open source software.

https://github.com/minimalist-components/mn-form

A form component to mn-inputs
https://github.com/minimalist-components/mn-form

agnostic-to-frameworks javascript mn-form mn-inputs pure-javascript webcomponents

Last synced: about 1 month ago
JSON representation

A form component to mn-inputs

Awesome Lists containing this project

README

          

[![npm version](https://badge.fury.io/js/mn-form.svg)](https://badge.fury.io/js/mn-form)
[![Dependency Status](https://gemnasium.com/badges/github.com/minimalist-components/mn-form.svg)](https://gemnasium.com/github.com/minimalist-components/mn-form)
[![MIT Licence](https://badges.frapsoft.com/os/mit/mit.svg?v=103)](https://opensource.org/licenses/mit-license.php)

# mn-form

A form component to mn-inputs.

### Install

```sh
npm install --save mn-form
```

And bundle dependencies and main files in [dist/](https://github.com/minimalist-components/mn-form/tree/master/dist) with your preferred tool.

### Usage

In your html, you can use the tag ```mn-form``` e.g.

```html

```

Note, the class passed to mn-form will be transfer to a form element inside mn-form

The following attributes from forms are supported in this component

- [name](http://www.w3schools.com/tags/att_input_name.asp)
- [spellcheck](http://www.w3schools.com/tags/att_global_spellcheck.asp) (true by default)
- [disabled](https://www.w3schools.com/tags/att_input_disabled.asp)
- [readonly](https://www.w3schools.com/tags/att_input_readonly.asp)