Ionic color

Ion button color custom

ion-button{
  --background: #0869AE;
  --border-radius: 20px;
}

Source: ionicframework.com

Ionic color

<ion-button>Default</ion-button>
<ion-button color="primary">Primary</ion-button>
<ion-button color="secondary">Secondary</ion-button>
<ion-button color="tertiary">Tertiary</ion-button>
<ion-button color="success">Success</ion-button>
<ion-button color="warning">Warning</ion-button>
<ion-button color="danger">Danger</ion-button>
<ion-button color="light">Light</ion-button>
<ion-button color="medium">Medium</ion-button>
<ion-button color="dark">Dark</ion-button>

Source: ionicframework.com

Similar codes

0 vote140 views1 answer
Google address suggestion is not working inside popup modal
Html
0 vote158 views1 answer
Bootstrap modal causes page shift
Html
35 votes143 views6 answers
Bold text in html
Html
0 vote161 views1 answer
2a03:4000:30:def::10:3645
Html
0 vote140 views1 answer
Button onclick upload
Html
12 votes150 views3 answers
Bootstrap cards with image
Html
0 vote182 views1 answer
How to add an input next to each other
Html
26 votes156 views4 answers
How to move text up and down in html
Html
1 vote144 views2 answers
Class required bootstrap 3
Html
4 votes158 views1 answer
How to align photos center html
Html