Sha256: 6c67e41068fb9947e1868d75e64d71961bfb046d6218ed8c3e53114e741364e6
Contents?: true
Size: 1.79 KB
Versions: 2
Compression:
Stored size: 1.79 KB
Contents
# Formula Formula is a Rails form helper that generates awesome markup. The project lets users create semantically beautiful forms without introducing too much syntax. ## Requirements The gem is tested with: - Ruby 3.3 - Rails 7.2 ## Installation ```bash gem install formula ``` ## Examples ```erb <%= formula_form_for @user do |f| %> <%= f.input :email %> <%= f.input :password %> <%= f.button 'Save' %> <% end %> ``` ```erb <%= formula_form_for @user do |f| %> <%= f.input :email, label: "Email:", hint: "We promise never to bother you." %> <%= f.input :password, label: "Password:", hint: "Must be at least six characters." %> <%= f.button 'Save' %> <% end %> ``` ```erb <%= formula_form_for @company do |f| <%= f.input :url, container: { class: 'third' }, input: { class: 'fill' } %> <%= f.input :phone, container: { class: 'third' }, input: { class: 'fill' } %> <%= f.input :email, container: { class: 'third' }, input: { class: 'fill' } %> <%= f.button 'Save', button: { class: 'fancy' } %> <% end %> ``` ```erb <%= formula_form_for @user do |f| %> <%= f.input :email, label: "Email:" %> <%= f.input :password, label: "Password:" %> <%= f.input :gender, label: 'Gender:', as: :select, choices: User::GENDERS %> <%= formula_fields_for @user.payment do |payment_f| %> <%= payment_f.input :credit_card_number, label: 'Number:' %> <%= payment_f.input :credit_card_expiration, label: 'Expiration:' %> <% end %> <%= f.button 'Save', button: { class: 'fancy' } %> <% end %> ``` ```erb <%= formula_form_for @user do |f| %> <%= f.block :favourite %> <% @favourites.each do |favourite| %> ... <% end %> <% end %> <%= f.button 'Save', button: { class: 'fancy' } %> <% end %> ``` ## Copyright Copyright (c) 2010 - 2024 Kevin Sylvestre. See LICENSE for details.
Version data entries
2 entries across 2 versions & 1 rubygems
Version | Path |
---|---|
formula-2.0.1 | README.md |
formula-2.0.0 | README.md |