NativoPlus.Blazor.SearchComponent 1.0.3

blazor-search-by-address

This is a reusable presentation component that enables users to input the address they want to search for and returns the address that was inputed.

Usage

Search by City/ Zip Code Component

  <SearchByZipCode OnZipCodeSearchClick="@OnZipCodeSearchClick" SearchInputPlaceHolder="Enter a Zip Code"></SearchByZipCode>

@code 
{
    private SearchByZipCodeOutput ZipCodeAddress { get; set; } = new();
    private void OnZipCodeSearchClick(SearchByZipCodeOutput address)
    {
        ZipCodeAddress = address;
    }
}

on every Onchange event of this component, a new object is returned to it's OnZipCodeSearchClick binding with the updated address object

The zip code Address class

This is the object that will be returned from the OnZipCodeSearchClick binding

    public class SearchByZipCodeOutput
    {
        public string Address { get; set; }
        public bool IsInternationalAddress { get;set; }
        public bool IsUsAddress { get; set; }
    }

Search by Address Component

<SearchByAddress OnAddressSearchClick="@OnAddressSearch"></SearchByAddress>
@code 
{
    private SearchByAddressOutput Address { get; set; } = new();

    private void OnAddressSearch(SearchByAddressOutput address)
    {
        Address = address;
    }
}

The search by Address Output class

public class SearchByAddressOutput
    {
        public string Address { get; set; }
        public string Address2 { get; set; }
        public string City { get; set; }
        public string State { get; set; }
        public string ZipCode { get; set; }

        public string Country { get; set; }

        public string AddressType { get; set; }
    }