Layout

Group

The Group is a container component which can be used to create multiple rows of itself. It is useful for creating conversation-like experiences where you need to have multiple rows of same selection of components.

Parameters

• Initially hidden - Checkbox. Disabled by default. When enabled, one row of the group is created during the initialization stage of the editor.
• Removable - Checkbox. Disabled by default. When enabled, an X button will be added to each row of the group, providing the option to delete the row.

Related Functions

• repeatRow(path: List[Union[str, int]]) - Appends a row to the group, returns the path of the newly created row.
• deleteRow(path: List[Union[str, int]]) - Deletes the row of the group, specified by the row index in the path.
• getGroupLength(path: List[Union[str, int]]) - Returns the length of the group (the number of rows).

Related Events

• on_<component id>change(path: List[Union[str, int]]): - Fired when a group row is deleted by the user by pressing the X button, receives the path of the newly deleted row.

Grid

The Grid is a container component which provides the ability to horizontally arrange content in the UI.

Parameters

• Resizable - Checkbox. Disabled by default. When enabled, it is possible to resize the width of each column in the grid.
• Columns - Manipulation menu. Here you can add or remove columns, and set their height.
• + Add column - Clicking this'll add another column. You can remove them again by clicking the delete button on the right side of each column.

Tabs

Tabs are a container component that allows you to organize and structure your content into separate tabs. Each tab's content is only visible when that tab is selected.

Parameters

• Tabs - Manipulation menu. Here you can add, remove, and rename tabs.
• + Add tab - Clicking this'll add another tab. You can remove them again by clicking the delete button on the right side of each tab.

Related Function

• changeTab(path: List[Union[str, int], index: int) - Changes the focused tab, as specified by the tab index.

Divider

This component allows you to divide sections of your form with a horizontal line.

Parameters

• Label - Text input indicating the label of the component visible in the UI.
• Add info icon - Disabled by default. When enabled, it shows a tooltip icon on the component. The tooltip shows text that can be entered in the component’s properties.