アコーディオンアイテム
アコーディオンアイテムは、アコーディオンコンポーネント内で展開・折りたたみが可能な個別のセクションを構成する要素です。
コンポーネントとして独立しておらず、アコーディオンコンポーネントの子要素として存在します。
v4.0.0で追加されました。
プロパティ
| No | 項目 | 入力値 | デフォルト値 | アクションプロパティ | タイプ | アクションデフォルト値 | 説明 |
|---|---|---|---|---|---|---|---|
| 1 | ID | 文字列 | 自動設定 | id | string | 自動設定 | [id]プロパティはアクションで設定はできません。 |
| 2 | ラベル | 文字列 | label | string | アコーディオンアイテムのサマリー文字列 | ||
| 3 | 展開時の高さ | 数値 | expandedHeight | number | アコーディオンアイテムを開いた時の高さ | ||
| 4 | 展開時の間隔 | 数値 | expandedGap | number | アコーディオンアイテムを開いた時の次のアコーディオンアイテムとの余白 | ||
| 5 | 背景色 | 文字列 カラーピッカー | backgroundColor | string | アコーディオンアイテムの背景色 | ||
| 6 | ラベル色 | 文字列 カラーピッカー | labelColor | string | アコーディオンアイテムのサマリー文字色 | ||
| 7 | Expended | 選択 1. ON 2. OFF | OFF | expanded | boolean | false | アコーディオンアイテムの展開状態設定 |
| 8 | 非アクティブ | 選択 1. ON 2. OFF | OFF | disable | boolean | false | アコーディオンアイテムのアクティブ状態設定定 |
| 9 | 表示 | 選択 1. ON 2. OFF | OFF | visibility | boolean | false | アコーディオンアイテムの表示状態設定 |
アコーディオンアイテムコンポーネント
アコーディオンアイテムに配置されるコンポーネントの事を、アコーディオンアイテムコンポーネントと呼びます。
アコーディオンアイテムコンポーネントは以下の手順でアコーディオンアイテムに追加することが出来ます。
- アコーディオンアイテムバーの＋アイコンをクリックする。
- コンポーネント追加ダイアログが表示される。
- 任意のコンポーネントを選択し、
追加ボタンをクリックする。
アコーディオンアイテムコンポーネントプロパティ
アコーディオンアイテムに追加したコンポーネントには、通常のコンポーネントと比較して以下のプロパティが追加されます。
- Component Type
- X
- Y
また、アコーディオンアイテムコンポーネントのクリックイベントまたはチェンジイベントに設定可能な値は以下になります。
| コンポーネント | クリックイベントまたはチェンジイベント |
|---|---|
| テキストフィールド | 1. NONE 2. ACTION |
| ボタン | 1. NONE 2. NEXT UI 3. URL 4. ACTION 5. UPLOAD |
| タイポグラフィー | |
| イメージ | 1. NONE 2. NEXT UI 3. URL 4. ACTION |