CODEWITHSUNDEEP
htmlcssionic-frameworkion-select
Moblize IT
Moblize IT

Reputation: 1328

ionic select component improving the appearance

i am using ion-select where there is option to change the select dropdown icon using the option toggleIcon and expand icon. However, I don't see a way to change the color and position. Currently, with my code below

<ion-select toggleIcon="caret-down-outline" style="border: 1px solid #AEB1B5;border-radius: 6px;padding-left: 5px;">
            <ion-select-option value="Individual">Individual</ion-select-option>
            <ion-select-option value="Portfolio">Portfolio</ion-select-option>
          </ion-select>

it looks like as in the image. enter image description here

however, I want it to look like this image:

enter image description here

Upvotes: 0

Views: 30

Answers (1)

StackOverHoes
StackOverHoes

Reputation: 141

If you look at the docs, it has a customization section: https://ionicframework.com/docs/api/select#customization

and to change the icon of the dropdown: https://ionicframework.com/docs/api/select#custom-toggle-icons

Upvotes: 0

Related Questions