インスペクターパネルのコントロールの色々な設定

コントロールを最初は非表示にしておく

以下のようにアイコンピッカーなど大きなスペースをとっている。あるいは沢山のコントロールパネルを作成した時、ごちゃごちゃした状態になり、少しすっきりと表示するため隠しておきたいという場合にこの機能を作成すると良い。

以下のように PanelBody に initialOpen={false} を追加するだけ。

<PanelBody title=”アイコンの選択” initialOpen={false}>

最初は以下のように閉じられた状態で表示される。右端のアイコンをクリックすると開くことができる。