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 vote317 views1 answer
Put picture in iphone frame html
Html
41 votes301 views6 answers
Html text next line
Html
4 votes270 views4 answers
Html base
Html
10 votes292 views3 answers
Html unordered list
Html
3 votes291 views1 answer
What is the best programming language in 2021
Html
1 vote304 views1 answer
Vue get data from slot template
Html
2 votes230 views1 answer
Condition ternaire vuejs
Html
3 votes274 views1 answer
Html input change default error message
Html
32 votes267 views2 answers
Css change color on hover
Html
0 vote280 views1 answer
Making a legend in html
Html