KITT

Sarp Search

Default Open in playground
Records are searchable by their name, street address, state, city, and zipcode 
<form class="psb psb-w-full">
<.sarp_search
  execute_search_query={&Kitt.Storybook.SarpSearch.search_function/2}
  id="sarp-search-single-default"
  sequence_number="1234567890"
/>
</form>
With action button Open in playground
Records are searchable by their name, street address, state, city, and zipcode 
<form class="psb psb-w-full">
<.sarp_search
  execute_search_query={&Kitt.Storybook.SarpSearch.search_function/2}
  id="sarp-search-single-with-action-button"
  label="Receiver"
  search_type={:receiver}
  sequence_number="1234567890"
>
  <:action_block>
    <Kitt.button variant="outline-primary" class="kt-h-10">
      <FontAwesome.LiveView.icon
        name="plus"
        type="solid"
        class="kt kt-h-4 kt-w-4 kt-fill-blue-700 kt-cursor-pointer"
      />
    </Kitt.button>
  </:action_block>
</.sarp_search>
</form>
Selected Open in playground
O'Conner Ltd
18 Irving Rapid Anistar City MN 25379
Records are searchable by their name, street address, state, city, and zipcode 
<form class="psb psb-w-full">
<.sarp_search
  execute_search_query={&Kitt.Storybook.SarpSearch.search_function/2}
  id="sarp-search-single-selected"
  location={%{address_1: "18 Irving Rapid", address_2: "Apt. 568", administrative_region: "MN", country_code: "USA", external_id: nil, locality: "Anistar City", location_type: "address", name: "O'Conner Ltd", phone_number: nil, postal_code: "25379"}}
  sequence_number="1234567890"
/>
</form>