Popover
Popoverは、ユーザーのアクションに応じて一時的にコンテンツを表示するコンポーネントです。
アイコンやボタンなどの要素をトリガーとして使用し、追加情報や操作オプションを提供します。
プロパティ
Popoverは、以下のプロパティをサポートしています。
| 名前 | 型 | デフォルト値 | 説明 |
|---|---|---|---|
placement |
string |
top |
表示する位置を指定します。 |
align |
string |
start |
吹き出しの位置を指定できます。 |
show |
boolean |
false |
表示するかどうかを制御します。 |
offset |
{x: number; y: number} |
{x: 0, y: 0} |
表示位置を任意の方向にずらすための値です。 |
duration |
number |
380 |
表示・非表示の速さを指定できます。 |
noFollow |
boolean |
false |
追従させるかどうかを制御できます。 |
インストールの手順
以下のコンポーネントのコードを、使いたいプロジェクトにコピー＆ペーストします。
パスは実際のプロジェクトの構成にあわせて更新します。
使い方
サンプル
Default
Defaultでの表示です。
No Follow
パフォーマンスなどを考慮する場合に、一度表示させたポップオーバーが対象要素に追従しない表示です。