Point：コンポーネントとは

コンポーネントは、プロジェクト内で繰り返し使用するデザイン要素を共通パーツとして登録し、再利用や一括管理ができる機能です。プロパティを利用すると、配置箇所ごとにデータやデザインを切り替えられます。

コンポーネントの概要や作成方法はコンポーネントを、プロパティの概要はコンポーネント：プロパティを参照してください。

表示条件の仕組みと種類

コンポーネントの表示条件は、プロパティの設定状況に応じて、配置箇所ごとに要素の表示・非表示を切り替える機能です。

表示条件は、コンポーネントに追加したプロパティを基準に設定します。設定可能なプロパティと条件タイプの組み合わせは以下の通りです。

Tips：ブール値プロパティを使う場合

ブール値プロパティでの設定手順は、コンポーネント：プロパティで詳しく説明しています。

「is set」と「is empty」条件

「is set」「is empty」では、対象のプロパティが設定されているかどうかにもとづいて、要素の表示・非表示を切り替えます。

各プロパティの詳細は、コンポーネント：プロパティを参照してください。

表示条件を設定する要素を選択します。
コンポーネント内で、特定の条件下でのみ表示する（または表示しない）要素を選択します。
右パネルで[設定]タブを開きます。
パネルが閉じている場合は、右パネルを開いてください。
[表示条件を設定]入力フィールドをクリックして、条件として使用するプロパティを選択します。
表示条件を選択します（プロパティの型に応じて選べる条件が切り替わります）。
動作確認をします。
- コンポーネントの配置箇所ごとにプロパティの値を変えて、ボックスの表示が適切に切り替わることを確認します。
- ライブプレビューを開き、正しく表示されているか確認します。
- 公開サイトでの表示を確認します。問題がなければ公開パネルでサイトを更新します。この操作を行うまで、公開サイトへは反映されません。すでに公開中のサイトの場合は、サイトを更新を参照してください。