<%= render component("ui/forms/field").text_field(@name, :name, object: @address) %> <%= render component("ui/forms/field").text_field(@name, :address1, object: @address) %> <%= render component("ui/forms/field").text_field(@name, :address2, object: @address) %> <%= render component("ui/forms/field").select( @name, :country_id, Spree::Country.all.map { |c| [c.name, c.id] }, object: @address, value: @address.try(:country_id), "data-#{stimulus_id}-target": "country", "data-action": "change->#{stimulus_id}#loadStates" ) %> <%= render component("ui/forms/field").select( @name, :state_id, state_options, object: @address, value: @address.try(:state_id), disabled: @address.country&.states&.empty?, "data-#{stimulus_id}-target": "state" ) %> <%= render component("ui/forms/field").text_field(@name, :phone, object: @address) %>