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

3 votes323 views4 answers
How to right align a text button
Html
3 votes384 views3 answers
Ion button
Html
3 votes320 views3 answers
Add icon to website tab
Html
32 votes344 views6 answers
Css viewport
Html
0 vote370 views1 answer
Combining <symbol> with <use> SVG tags on a HTML page
Html
0 vote333 views1 answer
Html don't date to phone number
Html
6 votes324 views1 answer
Make div clickable
Html
0 vote350 views1 answer
Adding a button to a Markdown
Html
0 vote339 views1 answer
Html2pdf pagebreak option
Html
1 vote327 views1 answer
How to run html file in ubuntu
Html