costinelmarin / autoform-ionic

Autoform templates for Ionic form components

autoform-ionic

Meteor Autoform (aldeed:autoform) templates styled for Ionic.

Features

• quickForm components that generate perfect Ionic forms
• Custom toggle input type
• Support for multiple label types:
  • Inline Labels (default)
  • Placeholder Labels ('label-type': 'placeholder', placeholder: 'Label Here')
  • Stacked Labels ('label-type': 'stacked')
  • Floating Labels ('label-type': 'floating', placeholder: 'Label Here')

Examples

Contacts App

A simple CRUD app to manage contacts.

Demo | Code

Meteor Hunt

A Product Hunt clone built in Meteor Ionic. (In Progress)

Demo | Code

Installation

meteor add meteoric:autoform-ionic

Bring Your Own Ionic

Adding this package with meteor add meteoric:autoform-ionic does not add any other packages providing Ionic. This is to let you choose the flavour you prefer, being it compiled, less, sass, or from CDN!

We recommend including our meteoric:ionic-sass and meteoric:ionicons-sass packages.

Usage

You can either set the theme globally:

AutoForm.setDefaultTemplate('ionic');

Or on a per-form basis:

{{> quickForm schema=mySchema id="myForm" template="ionic"}}

License

MIT License