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="modal-body">

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

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

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

  </div>
  <div class="modal-footer">

    <%= link "Cancel", to: "#", class: "btn btn-secondary me-2", phx_click: "cancel", phx_target: @myself %>
    <%= submit "Save",
        class: "btn btn-primary ",
        disabled: !@changeset.valid?,
        aria_disabled: !@changeset.valid? && "true" || false,
        phx_disable_with: "Saving..."
      %>

  </div>

<% end %>