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

ion-chip

シャドウ

チップは、連絡先など、複雑なエンティティを小さなブロックで表します。チップには、アバター、テキスト、アイコンなど、いくつかの異なる要素を含めることができます。

基本的な使い方

コンポーネントとアイコンのスロット

テーマ設定

CSSカスタムプロパティ

プロパティ

color

説明アプリケーションのカラーパレットから使用する色です。デフォルトのオプションは、"primary""secondary""tertiary""success""warning""danger""light""medium""dark" です。色の詳細については、テーマ設定を参照してください。
属性color
タイプ"danger" | "dark" | "light" | "medium" | "primary" | "secondary" | "success" | "tertiary" | "warning" | string | undefined
デフォルトundefined

disabled

説明trueの場合、ユーザーはチップを操作できません。
属性disabled
タイプboolean
デフォルトfalse

mode

説明モードは、使用するプラットフォームスタイルを決定します。
属性mode
タイプ"ios" | "md"
デフォルトundefined

outline

説明アウトラインスタイルのボタンを表示します。
属性outline
タイプboolean
デフォルトfalse

イベント

このコンポーネントで使用可能なイベントはありません。

メソッド

このコンポーネントで使用可能なパブリックメソッドはありません。

CSSシャドウパーツ

このコンポーネントで使用可能なCSSシャドウパーツはありません。

CSSカスタムプロパティ

名前説明
--backgroundチップの背景
--colorチップの色

スロット

このコンポーネントで使用可能なスロットはありません。