Version: v8

ion-picker

ピッカーは、ユーザーが選択できるオプションを持つ1つまたは複数の列を表示します。

Prefix と Suffix コンテンツ

prefix スロットと suffix スロットを使用して、ピッカーに追加コンテンツを追加します。

ピッカーのハイライトとフェードは ion-picker の CSS 変数を使ってカスタマイズできる。開発者は、ion-picker-column-options を直接ターゲットにして、ホストレベルのスタイリングを使用することで、個々の外観をカスタマイズすることができます。

ピッカーはion-modalのようなオーバーレイの中に表示することができ、確認ボタンやキャンセルボタンを使ってピッカー体験を作り出すことができる。

Console

Console messages will appear here when logged from the example above.

Description	modeは、どのプラットフォームのスタイルを使用するかを決定します。
Attribute	`mode`
Type	`"ios" ｜ "md"`
Default	`undefined`

No events available for this component.

No public methods available for this component.

No CSS shadow parts available for this component.

Name	Description
`--fade-background-rgb`	非選択項目をカバーするグラデーションの背景（rgb形式
`--highlight-background`	選択されたアイテムのピッカー・ハイライトの背景
`--highlight-border-radius`	選択されたアイテムのピッカーハイライトの境界半径

No slots available for this component.