Forms

In the end, everything is basically just spreadsheets

Includes a Ruby component and corresponding Rails helper

Ruby

Nitro Kit comes with a custom FormBuilder that works just like the one you already know except it has a few extras.

Example

<% @post = Post.new(title: nil).tap { |post| post.valid? } %>

<%= nk_form_with model: @post, url: request.path, html: { class: "w-full max-w-[420px]" } do |f| %>
  <%= f.fieldset(legend: "New Post", description: "Tell the world") do |fs| %>
    <%= fs.group do %>
      <%= f.field :title %>

      <%= f.field :category_id, as: :select, options: Category.pluck(:name, :id) %>

      <%= f.field :body, as: :textarea, rows: 6 %>

      <%= f.field :publish, as: :checkbox, description: "Should we tell the world?" %>

      <%= f.field :kind,
        as: :radio_group,
        options: Post.kinds.map { |k| [k.capitalize, k] },
        value: "article" %>

      <%= f.submit %>
    <% end %>
  <% end %>
<% end %>

<%= form_with model: @post, url: request.path do |f| %>
  <%= f.fieldset(legend: "New Post", description: "Tell the world") do |fs| %>
    <%= fs.group do %>
      <%= f.field :title %>

      <%= f.field :category_id, as: :select, options: Category.pluck(:name, :id) %>

      <%= f.field :body, as: :textarea, rows: 6 %>

      <%= f.field :publish, as: :checkbox, description: "Should we tell the world?" %>

      <%= f.field :kind,
        as: :radio_group,
        options: Post.kinds.map { |k| [k.capitalize, k] },
        value: "article" %>

      <%= f.submit %>
    <% end %>
  <% end %>
<% end %>

Usage

`nk_form_with(**attrs, &block) { \|form\| ... }`
Property	Default	Description
`**attrs`		Arguments for `NitroKit::FormBuilder.new()`

Works just like form_with.

`nk_form_for(record, **attrs, &block) { \|form\| ... }`
Property	Default	Description
`record`
`**attrs`		Arguments for `NitroKit::FormBuilder.new()`

Works just like form_for.

`form.fieldset(**attrs, &block) { \|fieldset\| ... }`
Property	Default	Description
`**attrs`		Arguments for `NitroKit::Fieldset.new()`

`form.field(field_name, **attrs)`
Property	Default	Description
`field_name`		Field name
`**attrs`		Arguments for `NitroKit::Field.new()`