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

1 vote324 views3 answers
Center vertically and horizontally bootstrap 4
Html
42 votes276 views6 answers
Html newline
Html
24 votes314 views5 answers
Html background color
Html
0 vote285 views2 answers
Message box html
Html
51 votes288 views6 answers
Img tag html
Html
1 vote288 views1 answer
Chrome mobile color address bar
Html
61 votes281 views3 answers
How to use js in html
Html
53 votes255 views6 answers
Metadata html
Html
0 vote262 views1 answer
Px in server is different from html file
Html
52 votes287 views4 answers
HTML starter
Html