bones73k/lib/bones73k_web/live/property_live/form_component.html.leex

<%= form_for @changeset, "#", [
    id: "property-form",
    phx_target: @myself,
    phx_change: "validate",
    phx_submit: "save"
  ], fn f ->  %>


  <div class="mb-3" phx-feedback-for="<%= input_id(f, :name)%>">
    <%= label f, :name, class: "form-label" %>
    <div class="input-group has-validation">
      <%= text_input f, :name,
          class: input_class(f, :name, "form-control"),
          aria_describedby: error_id(f, :name)
        %>
      <%= error_tag f, :name %>
    </div>
  </div>

  <div class="mb-3" phx-feedback-for="<%= input_id(f, :price)%>">
    <%= label f, :price, class: "form-label" %>
    <div class="input-group has-validation">
      <%= number_input f, :price,
          class: input_class(f, :price, "form-control"),
          step: "any",
          aria_describedby: error_id(f, :price)
        %>
      <%= error_tag f, :price %>
    </div>
  </div>

  <div class="mb-3" phx-feedback-for="<%= input_id(f, :description)%>">
    <%= label f, :description, class: "form-label" %>
    <div class="input-group has-validation">
      <%= textarea f, :description,
          class: input_class(f, :description, "form-control"),
          aria_describedby: error_id(f, :description)
        %>
      <%= error_tag f, :description %>
    </div>
  </div>

  <%= submit "Save", phx_disable_with: "Saving...", class: "btn btn-primary" %>

<% end %>