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

213 votes206 views5 answers
How to put space in html
Html
0 vote153 views1 answer
Vue transition v-if else
Html
0 vote159 views1 answer
Html input time only hours and minutes
Html
19 votes149 views3 answers
Bootstrap responsive navigation menu
Html
1 vote148 views1 answer
Marquee speed
Html
39 votes140 views1 answer
How to make a link in hml
Html
0 vote148 views1 answer
<model-view> in html tag
Html
2 votes145 views1 answer
Html input js onclick button click
Html
0 vote230 views1 answer
Css hide element but conserve space
Html
10 votes150 views2 answers
How to display a link in html
Html