ng2-contact-form
================

Contact form for Angular 2. Using:

1. Angular2 (2.0.0-beta.0)
2. SystemJs
3. Support MaterializeCss or Bootstrap

Getting started
---------------

1. Install via npm::

    npm install ng2-contact-form --save
    
2. Configure SystemJs. In this case the main folder is **app**::

    <script>
      System.config({
        paths: {
            'ng2-contact-form/*': 'node_modules/ng2-contact-form/*.js',
        },
        packages: {        
          app: {
            format: 'register',
            defaultExtension: 'js'
          }
        }
      });
      System.import('app/boot')
            .then(null, console.error.bind(console));
    </script>
    
3. Add to the file boot.ts the class ContactForm::

    import {bootstrap} from 'angular2/platform/browser';
    import {ContactForm} from 'ng2-contact-form/src/contact';

    bootstrap(ContactForm);
    
4. Add the tag <contact-form>::

    <contact-form title="Contáctenos" firstname="Nombre"
        lastname="Apellido" email="Correo electrónico"
        message="Mensaje" send="Enviar" url="send_email" frameworkCss="materialize">
        Loading...
    </contact-form>
    

The attributes are not obligatory have default values. For example::

    Value default of 'title': 'Title'.
    Value default of 'firstname': 'First name'.
    Value default of 'lastname': 'Last name'.
    Value default of 'email': 'Email'.
    Value default of 'message': 'Message'.
    Value default of 'frameworkCss': 'bootstrap'.
    Value default of 'send': 'Send'.
    Value default of 'url': 'send'.
    
This last attribute (url) is the url that receives POST parameters to the backend.

5. This component using API Fetch, if is necessary add polyfill https://github.com/github/fetch. Not is obligatory.
    
Example
-------

Check the file index_

To the run example of the folder **example**::

    npm install
    npm start

.. _index: https://github.com/mapeveri/ng2-contact-form/blob/master/example/index.html