ドロップダウンパネル

使い方

タイトル部分と内容部分を分け、内容部分を折りたためるようにしたパネルです。内容部分を開く際、ドロップダウンのように、パネルは下の要素に重なって表示されます。

ドロップダウンではなく、アコーディオンのようにパネルを表示したい場合は「折りたたみパネル」を使用してください。

タイルの余白設定は、タイルと枠の間の余白になります。枠からアイテムまでの余白は自動的に設定されます。

幅はタイルの幅いっぱいになります。固定幅にしたい場合はタイル側を調整する必要があります。

タイトル部分のアイテムをセットします。

「テキスト」以外のアイテムを置くことも可能ですが、「リッチテキスト」のようにセットできないアイテムもあります。入力タイプのアイテムも置けません。

タイトル部分の背景色を設定します。

内容部分を開いた際に表示されるアイテムを設置します。

複数のアイテムを設置可能です。最低1つのアイテムを設置する必要があります。

複数設置した場合、アイテムは縦に並びます。

縦に並べるアイテム間の間隔を指定します。

ゼロを指定した場合、アイテム同士は間隔を空けずに詰めて表示されます。