A component that adds top and bottom bars to the content.
You can use other components inside each part of this component, such as images, text, or options.
The top bar is located at the top edge of the component, and the bottom one is at the bottom edge. The content is placed between the bars and takes up all available space.
View example| Name | Type | Description |
|---|---|---|
type* | "layout.bars" | Set component type. |
barAfter | view | The bar displayed at the bottom edge of the component. |
barBefore | view | The bar displayed at the top edge of the component. |
content* | view | The main content. |
validation | condition | Validation based on condition. |