メインコンテンツまでスキップ
バージョン: v8

ion-badge

shadow

Properties

color

Descriptionアプリケーションのカラーパレットから使用する色を指定します。デフォルトのオプションは以下の通りです。 "primary", "secondary", "tertiary", "success", "warning", "danger", "light", "medium", と "dark" です.色に関する詳しい情報は theming を参照してください。
Attributecolor
Type"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string & Record<never, never> | undefined
Defaultundefined

mode

Descriptionmodeは、どのプラットフォームのスタイルを使用するかを決定します。
Attributemode
Type"ios" | "md"
Defaultundefined

CSS Custom Properties

NameDescription
--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
View Source