SelectedText/Placeholder Alternatives?

Hi there, I currently have a settings area in which I get the values from the user’s settings from the database. I want to display it to the user but I find that a placeholder makes the text muted and SelectedText does not change when the user selects a different temperature from the dropdown.

<IonSelect interface="popover" value={values.maxTemp} selectedText={`${userSettings?.maxTemp} ℃`} name="max-temp" placeholder="Maximum Temperature" onIonChange={setMaxTemp}>
  {temps.map((temp) => (
      <IonSelectOption value={temp.temp}>{temp.temp} &#8451;</IonSelectOption>
  ))};
</IonSelect>

Do you guys know of any other suggestions than selectedText/Placeholder that shows the current values from the database but when the users go to change it changes the value on the dropdown too?

1 post - 1 participant

Read full topic