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

9 votes214 views3 answers
Onclick a tag
Html
46 votes174 views6 answers
Add favicon to html
Html
0 vote134 views1 answer
Navbar with logo css
Html
-1 vote144 views2 answers
Circular progress bar html css
Html
0 vote135 views1 answer
How to put more than one javascript function in an html tag
Html
0 vote134 views1 answer
## File * [random-numbers-unsolved](Unsolved/random-numbers-unsolved.html) ### Instructions * Research how to improve on Math.random() to generate a random whole number between 1 and 10 instead of a random decimal number
Html
0 vote134 views1 answer
Chrome empty page editable
Html
0 vote140 views1 answer
Html print today date
Html
0 vote130 views1 answer
Disable form first dropdown option
Html
0 vote141 views1 answer
How to add background video in html
Html