formstrap 0.1.0

data/app/views/formstrap/_repeater.html.erb

@@ -0,0 +1,128 @@
+<%
+  # formstrap/repeater
+  #
+  # ==== Options
+  # * +form+ -  Form object
+  # * +attribute+ - Name of the attribute of the form model
+  # * +header+ - Name of the template to use as header
+  # * +label+ - Text to show as label. Label will be hidden if value is false
+  # * +templates+ - List of all views that can be used as a template for a new block
+  # * +flush+ - Set to true if you want the list items to sit flush with its parent.
+  # * +row+ - Pass hash with options to pass to the row template.
+  #
+  # ==== Examples
+  #   # Basic version
+  #   <% render "formstrap/repeater", form: form, attribute: :questions do |question| %#>
+  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% end %#>
+  #
+  #   # Let list group sit flush within its container
+  #   <% render "formstrap/repeater", form: form, attribute: :questions, flush: true do |question| %#>
+  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% end %#>
+  #
+  #   # With fixed header row. A header row can be used to show the labels, so you can omit them in the repeated fields
+  #   <% render "formstrap/repeater", form: form, attribute: :questions, header: "admin/questions/header" do |question| %#>
+  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% end %#>
+  #
+  #   # Allow more than one type of fields to be inserted. You must specify the templates as an array of view paths
+  #   <% templates = ["admin/questions/fields/type_1", "admin/questions/fields/type_2"] %#>
+  #   <% render "formstrap/repeater", form: form, attribute: :questions, templates: templates do |question| %#>
+  #     <% render "admin/questions/fields, form: :question" %#>
+  #   <% end %#>
+
+  label = local_assigns.has_key?(:label) ? label : nil
+  required = local_assigns.has_key?(:required) ? required : false
+  header = local_assigns.has_key?(:header) ? header : nil
+  templates = local_assigns.has_key?(:templates) ? templates : []
+  flush = local_assigns.has_key?(:flush) ? flush : true
+  row_options = local_assigns.has_key?(:row) ? row : {}
+
+  template_names = templates.map { |template| File.basename(template, ".html.erb") }
+  template_names = template_names.any? ? template_names : ["new"]
+  object_model = form.object.class
+  association_model = object_model.reflect_on_association(attribute).class_name.constantize
+  association_object = association_model.new
+  with_positions = association_object.attributes.keys.include?("position")
+
+  # We sort the collection with ruby to prevent a new query to be made that would dispose of nested object in memory
+  associations = form.object.send(attribute)
+  associations = with_positions ? associations.sort_by{|resource| resource.position} : associations
+  repeater_id = form.object_id
+  pass_thru = template_names.count == 1 ? "[data-template-name=\"#{template_names.first}\"]" : nil
+  show_label = label != false
+%>
+
+<!-- Label -->
+<% if show_label %>
+  <%= render "formstrap/label", form: form, attribute: attribute, text: label, required: required %>
+<% end %>
+
+<ul class="repeater list-group <%= "list-group-flush" if flush %> mb-3" data-controller="repeater" data-repeater-target="list" data-repeater-id-value="<%= repeater_id %>">
+
+  <!-- Header -->
+  <% if header %>
+    <li class="list-group-item">
+      <%= render header %>
+    </li>
+  <% end %>
+
+  <!-- Rows -->
+  <%= form.fields_for attribute, associations do |ff| %>
+    <%= render "formstrap/repeater/row", row_options.merge(pass_thru: pass_thru, form: ff, repeater_id: repeater_id) do %>
+      <%= yield(ff) %>
+    <% end %>
+  <% end %>
+
+  <!-- Footer -->
+  <li class="list-group-item d-flex justify-content-between align-items-center" data-repeater-target="footer">
+
+    <!-- Empty notice -->
+    <div class="text-secondary invisible" data-repeater-target="empty">
+      <%= t(".empty") %>
+    </div>
+
+    <!-- Button -->
+    <div
+       class="btn btn-sm h-btn-outline-light"
+       data-repeater-target="addButton"
+       data-popup-target="button"
+       data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+       data-popup-pass-thru="<%= pass_thru %>"
+       data-action="click->repeater#resetButtonIndices click->popup#open"
+    >
+      <%= bootstrap_icon("plus") %>
+      <%= t(".add", name: association_model.model_name.human) %>
+    </div>
+
+    <!-- Popup  -->
+    <%= render "formstrap/shared/popup", id: "repeater-buttons-#{repeater_id}" do %>
+      <div class="d-grid gap-2">
+        <% template_names.each do |name| %>
+          <div
+             class="btn btn-sm h-btn-outline-light"
+             data-popup-target="button"
+             data-popup-id="<%= "repeater-buttons-#{repeater_id}" %>"
+             data-action="click->repeater#addRow click->popup#close"
+             data-row-index=""
+             data-template-name="<%= name %>"
+          >
+            <%= t("blocks.#{name}", default: name).humanize %>
+          </div>
+        <% end %>
+      </div>
+    <% end %>
+
+    <!-- Templates -->
+    <% template_names.each do |name| %>
+      <template data-repeater-target="template" data-template-name="<%= name %>" data-template-id-regex="<%= association_object.object_id %>">
+        <%= form.fields_for attribute, association_object, child_index: association_object.object_id do |ff| %>
+          <%= render "formstrap/repeater/row", row_options.merge(form: ff, pass_thru: pass_thru, repeater_id: repeater_id) do %>
+            <% yield(ff, name) %>
+          <% end %>
+        <% end %>
+      </template>
+    <% end %>
+  </li>
+</ul>

data/app/views/formstrap/_search.html.erb

@@ -0,0 +1,43 @@
+<%
+  # formstrap/search
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +collection+ - Values to be suggested while typing. Can be an collection array or a remote URL.
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== Documentation
+  # https://headmin.dev/docs/forms/search
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/search
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/search_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/search", form: form, attribute: "basic_example" %#>
+  #   <% end %#>
+
+  search = Formstrap::SearchView.new(local_assigns)
+%>
+
+<%= render "formstrap/wrapper", search.wrapper_options do %>
+  <%= render "formstrap/label", search.label_options if search.prepend_label? %>
+  <%= render "formstrap/input_group", search.input_group_options do %>
+    <%= form.search_field(search.attribute, search.input_options) %>
+    <%= render "formstrap/datalist", search.datalist_options if search.datalist? %>
+    <%= render "formstrap/autocomplete", search.autocomplete_options if search.autocomplete? %>
+  <% end %>
+  <%= render "formstrap/validation", search.validation_options if search.validate? %>
+  <%= render "formstrap/hint", search.hint_options if search.hint? %>
+  <%= render "formstrap/label", search.label_options if search.append_label? %>
+<% end %>

data/app/views/formstrap/_select.html.erb

@@ -0,0 +1,43 @@
+<%
+  # formstrap/select
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  # * +collection+ - Values to create option tags for
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +tags+ - Allow options to be created dynamically. This will set the multiple attribute to true
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/select
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select
+  # https://apidock.com/rails/ActionView/Helpers/FormOptionsHelper/select
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/select", form: form, attribute: :color, collection: %w[red green blue] %#>
+  #   <% end %#>
+
+  select = Formstrap::SelectView.new(local_assigns)
+%>
+
+<%= render "formstrap/wrapper", select.wrapper_options do %>
+  <%= render "formstrap/label", select.label_options if select.prepend_label? %>
+  <%= render "formstrap/input_group", select.input_group_options do %>
+    <%= form.select(select.attribute, formstrap: false, choices: select.collection, options: select.select_options, html_options: select.input_options) %>
+  <% end %>
+  <%= render "formstrap/validation", select.validation_options if select.validate? %>
+  <%= render "formstrap/hint", select.hint_options if select.hint? %>
+  <%= render "formstrap/datalist", select.datalist_options if select.datalist? %>
+  <%= render "formstrap/label", select.label_options if select.append_label? %>
+<% end %>

data/app/views/formstrap/_switch.html.erb

@@ -0,0 +1,29 @@
+<%
+  # formstrap/switch
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +checked_value+ - Value for checked state
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +unchecked_value+ - Value for unchecked state
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/switch
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/check_box
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/switch", form: form, attribute: :active %#>
+  #   <% end %#>
+
+  switch = Formstrap::SwitchView.new(local_assigns)
+%>
+
+<%= render "formstrap/checkbox", switch.options %>

data/app/views/formstrap/_text.html.erb

@@ -0,0 +1,42 @@
+<%
+  # formstrap/text
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +collection+ - Values to be suggested while typing. Can be an collection array or a remote URL.
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/text
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/text
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/text", form: form, attribute: :title %#>
+  #   <% end %#>
+  text = Formstrap::TextView.new(local_assigns)
+%>
+
+<%= render "formstrap/wrapper", text.wrapper_options do %>
+  <%= render "formstrap/label", text.label_options if text.prepend_label? %>
+  <%= render "formstrap/input_group", text.input_group_options do %>
+    <%= form.text_field(text.attribute, text.input_options) %>
+    <%= render "formstrap/datalist", text.datalist_options if text.datalist? %>
+    <%= render "formstrap/autocomplete", text.autocomplete_options if text.autocomplete? %>
+  <% end %>
+  <%= render "formstrap/validation", text.validation_options if text.validate? %>
+  <%= render "formstrap/hint", text.hint_options if text.hint? %>
+  <%= render "formstrap/label", text.label_options if text.append_label? %>
+<% end %>

data/app/views/formstrap/_textarea.html.erb

@@ -0,0 +1,39 @@
+<%
+  # formstrap/textarea
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/textarea
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_area
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/textarea", form: form, attribute: :text %#>
+  #   <% end %#>
+
+  textarea = Formstrap::TextareaView.new(local_assigns)
+%>
+
+<%= render "formstrap/wrapper", textarea.wrapper_options do %>
+  <%= render "formstrap/label", textarea.label_options if textarea.prepend_label? %>
+  <%= render "formstrap/input_group", textarea.input_group_options do %>
+    <%= form.text_area(textarea.attribute, textarea.input_options) %>
+  <% end %>
+  <%= render "formstrap/validation", textarea.validation_options if textarea.validate? %>
+  <%= render "formstrap/hint", textarea.hint_options if textarea.hint? || textarea.maxlength? %>
+  <%= render "formstrap/label", textarea.label_options if textarea.append_label? %>
+<% end %>

data/app/views/formstrap/_url.html.erb

@@ -0,0 +1,43 @@
+<%
+  # formstrap/url
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +append+ - Display as input group with text on the right-hand side
+  # * +collection+ - Values to be suggested while typing. Can be an collection array or a remote URL.
+  # * +float+ - Use floating labels. Defaults to false
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +list+ - Options are passed through options_for_select
+  # * +plaintext+ - Render input as plain text.
+  # * +prepend+ - Display as input group with text on the left-hand side
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/url
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/url
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/url_field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/url", form: form, attribute: :website_url %#>
+  #   <% end %#>
+
+  url = Formstrap::UrlView.new(local_assigns)
+%>
+
+<%= render "formstrap/wrapper", url.wrapper_options do %>
+  <%= render "formstrap/label", url.label_options if url.prepend_label? %>
+  <%= render "formstrap/input_group", url.input_group_options do %>
+    <%= form.url_field(url.attribute, url.input_options) %>
+    <%= render "formstrap/datalist", url.datalist_options if url.datalist? %>
+    <%= render "formstrap/autocomplete", url.autocomplete_options if url.autocomplete? %>
+  <% end %>
+  <%= render "formstrap/validation", url.validation_options if url.validate? %>
+  <%= render "formstrap/hint", url.hint_options if url.hint? %>
+  <%= render "formstrap/label", url.label_options if url.append_label? %>
+<% end %>

data/app/views/formstrap/_validation.html.erb

@@ -0,0 +1,18 @@
+<%
+  # formstrap/validation
+  #
+  # ==== Required parameters
+  # * +id+ - Form object
+  # * +message+ - Name of the attribute of the form model
+  #
+  # ==== Optional parameters
+  # * +valid+ - Show success message when true, failure message when false (default: true)
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/validation", id: id, message: message %#>
+%>
+
+<div class="<%= valid ? "valid-feedback" : "invalid-feedback" %>" id="<%= id %>">
+  <%= message %>
+</div>

data/app/views/formstrap/_wrapper.html.erb

@@ -0,0 +1,8 @@
+<% wrapper = Formstrap::WrapperView.new(local_assigns) %>
+<% if wrapper.bypass %>
+  <%= yield %>
+<% else %>
+  <div <%= tag.attributes(wrapper.options) %>>
+    <%= yield %>
+  </div>
+<% end %>

data/app/views/formstrap/_wysiwyg.html.erb

@@ -0,0 +1,28 @@
+<%
+  # formstrap/wysiwyg
+  #
+  # ==== Required parameters
+  # * +attribute+ - Name of the attribute of the form model
+  # * +form+ - Form object
+  #
+  # ==== Optional parameters
+  # * +hint+ - Informative text to assist with data input. HTML markup is allowed.
+  # * +label+ - Text to display inside label tag. Defaults to the attribute name. Set to false if you don"t want to show a label.
+  # * +toolbar+ - Show toolbar (default true)
+  # * +wrapper+ - Hash with all options for the surrounding html tag
+  #
+  # ==== References
+  # https://headmin.dev/docs/forms/redactorx
+  # https://developer.mozilla.org/en-US/docs/Web/HTML/Element/textarea
+  # https://apidock.com/rails/ActionView/Helpers/FormHelper/text_area
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= form_with do |form| %#>
+  #     <%= render "formstrap/redactorx", form: form, attribute: :text %#>
+  #   <% end %#>
+
+  wysiwyg = Formstrap::WysiwygView.new(local_assigns)
+%>
+
+<%= render "formstrap/redactorx", wysiwyg.options %>

data/app/views/formstrap/autocomplete/_item.html.erb

@@ -0,0 +1,3 @@
+<li class="list-group-item list-group-item-action" data-autocomplete-target="dropdownItem" value="<%= value %>" data-action="click->autocomplete#select">
+  <%= yield %>
+</li>

data/app/views/formstrap/autocomplete/_list.html.erb

@@ -0,0 +1,3 @@
+<ul class="list-group-flush">
+  <%= yield %>
+</ul>

data/app/views/formstrap/blocks/_modal.html.erb

@@ -0,0 +1,20 @@
+<div class="modal fade" tabindex="-1" id="modal-block-<%= form.object.id %>">
+  <div class="modal-dialog modal-lg modal-dialog-scrollable">
+    <div class="modal-content">
+      <div class="modal-header">
+        <h5 class="modal-title">
+          <%= t(".title", name: name) %>
+        </h5>
+        <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="<%= t(".close") %>"></button>
+      </div>
+      <div class="modal-body">
+        <%= render "formstrap/text", form: form, attribute: :handle %>
+        <%= render "formstrap/checkbox", form: form, attribute: :visible %>
+      </div>
+      <div class="modal-footer">
+
+        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal"><%= t(".close") %></button>
+      </div>
+    </div>
+  </div>
+</div>

data/app/views/formstrap/fields/_base.html.erb

@@ -0,0 +1,25 @@
+<%
+  # name: formstrap/fields/base
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  # * +field_type+ - Type of the field. Options: [:text, :image, :file, :list, :group]
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/base", form: form, field_type: :text, name: name do |field, label| %#>
+  #     <%= render "formstrap/text", form: field, attribute: :value, label: label %#>
+  #   <% end %#>
+  field = form.object.fields.detect { |field| field.name.to_s == name.to_s }
+  field = field ? field : form.object.fields.new(field_type: field_type, name: name)
+  label = t("attributes.#{name.to_s.parameterize}", default: field.name.to_s)
+%>
+
+<%= form.fields_for :fields, field do |ff| %>
+  <%= ff.hidden_field :id %>
+  <%= ff.hidden_field :name %>
+  <%= ff.hidden_field :field_type %>
+
+  <%= yield ff, label %>
+<% end %>

data/app/views/formstrap/fields/_file.html.erb

@@ -0,0 +1,17 @@
+<%
+  # name: formstrap/fields/file
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/file", form: group, name: :file do |field, attribute, label| %#>
+  #     <%= render "formstrap/file", form: field, attribute: attribute, label: label %#>
+  #   <% end %#>
+%>
+
+<%= render "formstrap/fields/base", form: form, field_type: :file, name: name do |field, label| %>
+  <% yield field, :files, label %>
+<% end %>

data/app/views/formstrap/fields/_files.html.erb

@@ -0,0 +1,17 @@
+<%
+  # name: formstrap/fields/file
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/file", form: group, name: :file do |field, attribute, label| %#>
+  #     <%= render "formstrap/file", form: field, attribute: attribute, label: label %#>
+  #   <% end %#>
+%>
+
+<%= render "formstrap/fields/base", form: form, field_type: :files, name: name do |field, label| %>
+  <% yield field, :files, label %>
+<% end %>

data/app/views/formstrap/fields/_group.html.erb

@@ -0,0 +1,52 @@
+<%
+  # name: formstrap/fields/group
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  # * +label+ - Text to show as label. Label will be hidden if value is false
+  # * +named+ - Whether a group has to be wrapped around the passed block. If false, no group will be wrapped around the passed block.
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/group", form: form, name: :button do |group| %#>
+  #     <div class="row">
+  #       <div class="col-md-6">
+  #         <%= render "formstrap/fields/text", form: group, name: :name do |field, attribute, label| %#>
+  #           <%= render "formstrap/text", form: field, attribute: attribute, label: label %#>
+  #         <% end %#>
+  #       </div>
+  #       <div class="col-md-6">
+  #         <%= render "formstrap/fields/text", form: group, name: :url do |field, attribute, label| %#>
+  #           <%= render "formstrap/text", form: field, attribute: attribute, label: label %#>
+  #         <% end %#>
+  #       </div>
+  #     </div>
+  #   <% end %#>
+
+  label = local_assigns.has_key?(:label) ? label : nil
+  wrapper = local_assigns.has_key?(:wrapper) ? local_assigns[:wrapper] : true
+  named = local_assigns.has_key?(:named) ? local_assigns[:named] : true
+  show_label = label != false
+%>
+
+<% if named %>
+  <%= render "formstrap/fields/base", form: form, name: name, field_type: :group do |group, field_label| %>
+    <% if show_label %>
+      <%= render "formstrap/label", form: form, attribute: :value, text: label || field_label %>
+    <% end %>
+
+    <% if wrapper %>
+      <ul class="list-group mb-3">
+        <li class="list-group-item">
+          <%= yield group %>
+        </li>
+      </ul>
+    <% else %>
+      <%= yield group %>
+    <% end %>
+  <% end %>
+
+<% else %>
+  <%= yield form %>
+<% end %>

data/app/views/formstrap/fields/_list.html.erb

@@ -0,0 +1,31 @@
+<%
+  # name: formstrap/fields/list
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  # * +label+ - Text to show as label. Label will be hidden if value is false
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/list", form: form, name: :websites do |list| %#>
+  #     <%= render "formstrap/fields/text", form: list, name: :url do |field, attribute, label| %#>
+  #       <%= render "formstrap/text", form: field, attribute: attribute, label: label %#>
+  #     <% end %#>
+  #   <% end %#>
+
+  label = local_assigns.has_key?(:label) ? label : nil
+  show_label = label != false
+%>
+
+<%= render "formstrap/fields/base", form: form, name: name, field_type: :list do |list, field_label| %>
+  <div class="mb-3">
+    <%= render "formstrap/repeater", form: list, attribute: :fields, label: show_label ? label || field_label : false, flush: false do |field| %>
+
+      <%= field.hidden_field :field_type, value: :list_item %>
+      <%= field.hidden_field :name, value: :list_item %>
+
+      <%= yield field %>
+    <% end %>
+  </div>
+<% end %>

data/app/views/formstrap/fields/_text.html.erb

@@ -0,0 +1,17 @@
+<%
+  # name: formstrap/fields/text
+  #
+  # ==== Options
+  # * +form+ - Form object
+  # * +name+ - Name for the field
+  #
+  # ==== Examples
+  #   Basic version
+  #   <%= render "formstrap/fields/text", form: group, name: :name do |field, attribute, label| %#>
+  #     <%= render "formstrap/text", form: field, attribute: attribute, label: label %#>
+  #   <% end %#>
+%>
+
+<%= render "formstrap/fields/base", form: form, field_type: :text, name: name do |field, label| %>
+  <% yield field, :value, label %>
+<% end %>