Page History

...

• displayName - Sets the display name of the component shown in the structure panel. For example, "Product Details" allows for easy identification of this accordion item in the component structure.

Visual Properties

Image RemovedImage Added

• titleTranslations - Sets the title text displayed in the accordion item header with support for multiple languages. For example, {"en-US": "Product Specifications", "de-DE": "Produktspezifikationen"} ensures proper localization of the header text.

• disabled - Controls whether the accordion item can be expanded or collapsed by users. When set to true, the accordion item appears grayed out and cannot be clicked, useful for showing content that is currently unavailable.

• elements - Contains all components to be rendered within this accordion item when it is expanded. This array can include any dynamic components like forms, fields, images, or other UI elements that form the content of the accordion item.

• layout - Defines the layout arrangement of elements within the accordion item. Options include "horizontal" (elements arranged side by side) or "vertical" (elements stacked on top of each other). For example, using "vertical" layout provides a clean presentation for form fields in an accordion item.

...