You can download the latest /dist code directly from our GitHub repository v0.0.4-alpha (latest).

Don't forget to give us a ⭐ if you think FormaJS is worthwhile and we should continue improving on it.

Barebone CSS Template

In additional to the Base structure some additional styles are added to CSS stylesheet template.

Notices that now the tab label and manual button are visible.

Send

CSS

Using a CSS stylesheet template forma-barebone.css. Take a look at the code on our GitHub repository.

HTML

<form>
  <input data-label="Email Address" type="email" name="email-address" />
  <input data-label="First Name" type="text" name="first-name" />
  <input data-label="Last Name" type="text" name="last-name" />
  <textarea data-label="Message" rows="5" name="message"></textarea>
  <button type="submit">Send</button>
</form>

JavaScript

forma({
  auto: true,
  struct: {
   title: 'Contact'
  }
});