ion-badge
Properties
color
| Description | アプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です.色に関する詳しい情報は theming を参照してください。 |
| Attribute | color |
| Type | "danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined |
| Default | undefined |
mode
| Description | modeは、どのプラットフォームのスタイルを使用するかを決定します。 |
| Attribute | mode |
| Type | "ios" | "md" |
| Default | undefined |
CSS Custom Properties
| Name | Description |
|---|---|
--background | バッジの背景 |
--background | バッジの背景 |
--color | バッジの文字色 |
--color | バッジの文字色 |
--padding-bottom | バッジのBottom Padding |
--padding-bottom | バッジのBottom Padding |
--padding-end | バッジの向きが左から右の場合はRight Padding、右から左の場合はLeft Paddingとなります。 |
--padding-end | バッジの向きが左から右の場合はRight Padding、右から左の場合はLeft Paddingとなります。 |
--padding-start | バッジの向きが左から右の場合はLeft Padding、右から左の場合はRight Paddingとなります。 |
--padding-start | バッジの向きが左から右の場合はLeft Padding、右から左の場合はRight Paddingとなります。 |
--padding-top | バッジのTop Padding |
--padding-top | バッジのTop Padding |