mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2026-03-13 10:22:08 +08:00
06c9377192
* test(e2e): update standalone tests for snapshot * fix(standalone): improve component fonts, box-sizing, etc * refactor(input): separate textarea styles from input and rename classes * fix(datetime): change position in an item so cover is over item
ion-badge
Badges are inline block elements that usually appear near another element. Typically they contain a number or other characters. They can be used as a notification that there are additional items associated with an element and indicate how many items there are.
<ion-badge>99</ion-badge>
<!-- Colors -->
<ion-badge color="primary">11</ion-badge>
<ion-badge color="secondary">22</ion-badge>
<ion-badge color="warning">33</ion-badge>
<ion-badge color="danger">44</ion-badge>
<ion-badge color="light">55</ion-badge>
<ion-badge color="dark">66</ion-badge>
<ion-content>
<ion-list>
<ion-item>
<ion-badge slot="start">11</ion-badge>
<ion-label>My Item</ion-label>
<ion-badge slot="end">22</ion-badge>
</ion-item>
</ion-list>
</ion-content>
Properties
color
string
mode
any
Attributes
color
string
mode
any
Built by StencilJS