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 vote157 views1 answer
How to create check in html?
Html
-1 vote149 views1 answer
Not able to scroll in html page
Html
0 vote173 views1 answer
Ocultar div css
Html
0 vote189 views2 answers
Html encrypt email from bots
Html
0 vote199 views1 answer
>1?
Html
0 vote162 views1 answer
Ta html inside vue data function
Html
1 vote723 views1 answer
Html how to create an icon bar in url
Html
0 vote150 views1 answer
How to delete a html tag element in react
Html
8 votes144 views2 answers
How to make a list in html
Html
1 vote157 views1 answer
Html disable editing textbox
Html