[FEATURE] Disable search countries in MazPhoneNumberInput
developerdino opened this issue · comments
Is your feature request related to a problem? Please describe.
MazPhoneNumberInput uses a MazSelect to show a list of countries, the select dropdown has a feature to search the list of countries however when using it with only a couple of countries the search feature is an aspect of the UI that isn't really needed but currently I don't know a way to turn off easily. The MazSelect has a prop search on it that can be set to false to disable it however there is no way to set that from our component ATM.
Describe the solution you'd like
The ability to pass down a prop to the MazSelect from the parent component to turn search off.
Describe alternatives you've considered
One alternative we are currently using which feels very hacky and only hides it from the UI is to place this in the mounted function of our component
this.$refs.PhoneSelector.$refs.CountrySelector.$refs.SearchInput.$el.style.display="none"
You can set the property no-search="true"