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

ion-segment

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

disabled

Descriptiontrueの場合、ユーザーはセグメントと対話することができません。
Attributedisabled
Typeboolean
Defaultfalse

mode

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

scrollable

Descriptiontrueの場合、セグメントボタンはオーバーフローし、ユーザーはスワイプしてそれらを見ることができます。また、スワイプして隠れたボタンを見るために、ボタンの間でインジケータをドラッグするジェスチャーを無効にします。
Attributescrollable
Typeboolean
Defaultfalse

selectOnFocus

Descriptiontrueの場合、キーボードで ion-segment-button に移動すると、その要素にフォーカスが当たって選択される。 false の場合、キーボードによるナビゲーションは ion-segment-button 要素にのみフォーカスを当てます。
Attributeselect-on-focus
Typeboolean
Defaultfalse

swipeGesture

Descriptiontrueの場合、ユーザーはセグメントボタンの間をスワイプしてアクティブにすることができます。
Attributeswipe-gesture
Typeboolean
Defaulttrue

value

Descriptionセグメントの価値
Attributevalue
Typenumber | string | undefined
Defaultundefined

Events

NameDescription
ionChangevalueプロパティが変更され、ion-segmentからドラッグしていたポインタが解放されたときに発行される。 プログラムで value プロパティを設定した場合は、このイベントは発生しない。

CSS Custom Properties

NameDescription
--backgroundセグメントボタンの背景
--backgroundセグメントボタンの背景
View Source