Chip

オブジェクトのプロパティの表示に使用するコンポーネントです。

Chipを用いて装飾するのに向いているプロパティは、タグやカテゴリーなどが該当します。

使用上の注意

オブジェクトのステータス表示に使用しない

オブジェクトのステータスにはStatusLabelを使用してください。

操作フィードバックの表示に使用しない

操作フィードバックの表示には他のコンポーネントが適しています。

フィードバックを参照し、ResponseMessageやNotificationBarの使用を検討してください。

重要な情報の表示に使用しない

Chipは小さいため、重要な情報の表示には適していません。

基本的には、オブジェクトのプロパティや補足情報のような、通常のテキストのスタイルやサイズで表示するほどでもないものを表示するのに適しています。

入力の必須条件や必ず確認させたいメッセージの表示には、ResponseMessageやInformationPanelを使用してください。

テキストだけでアクションを持たせない

Chipにアクションを持たせる場合は、サフィックスにアイコンボタンを表示してください。

現状では専用のpropsがないので、childrenにIconを挿入して対応します。

disabledにする場合はボタンにもdisabled属性を忘れずに追加してください。

Props