画面構成の土台となるアイテムです。
PC/SPのデバイスに合わせたTemplateを用意しています。
TemplateはDrawer Menuの有無や種類、PC版コンテンツエリアのSetionタイプ(Containerの配置方法)を選ぶことができます。
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img01-11.png)
使い方
画面を作成する際に一番最初に使用するコンポーネントです。
PropertiesパネルでSectionやDrawerの種類、表示要素を設定することができます。
PC
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img02-9.png)
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img03-4.png)
SP
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img03-8-721x1024.png)
デバイスのサイズに合わせる
PC用のTemplateはVariablesにDevice Size(Desktop, Laptop)を定義しています。
Templateを配置するFrameにVariablesを当てておくことで、Desktop / Laptopのサイズ切り替えを簡単に行うことができます。
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img04-6.png)
![](https://manual.uxhub.tokyo/wp-content/uploads/2024/06/img05-1.png)