ion-picker

shadow

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

Prefix と Suffix コンテンツ

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

テーマ

CSS変数

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

Picker を Modal で使う

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

Console

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

プロパティ

mode

Description	The mode determines which platform styles to use.
Attribute	mode
Type	"ios" ｜ "md"
Default	undefined

イベント

No events available for this component.

メソッド

No public methods available for this component.

CSS Shadow Parts

No CSS shadow parts available for this component.

CSSカスタムプロパティ

Name	Description
--fade-background-rgb	Background of the gradient covering non-selected items in rgb format
--highlight-background	Background of the picker highlight for the selected item
--highlight-border-radius	Border radius of the picker highlight for the selected item

Slots

No slots available for this component.