Toloka documentation


toloka.client.project.template_builder.layouts.SidebarLayoutV1 | Source code

    content: Optional[BaseComponent] = None,
    controls: Optional[BaseComponent] = None,
    controls_width: Optional[Union[BaseComponent, float]] = None,
    extra_controls: Optional[BaseComponent] = None,
    min_width: Optional[Union[BaseComponent, float]] = None,
    validation: Optional[BaseComponent] = None,
    version: Optional[str] = '1.0.0'

An option for placing (layout) items, which lets you arrange on a page:

  • The main content block.
  • An adjacent panel with controls.

The minWidth property sets the threshold for switching between widescreen and compact modes: when the width of the layout.sidebar component itself becomes less than the value set by the minWidth property, compact mode is enabled.

In widescreen mode, the control panel is located to the right of the main block.

In compact mode, controls stretch to the entire width and are located under each other.

To add an extra panel with controls, use the extraControls property.

Parameters Description

Parameters Type Description
content Optional[BaseComponent]

Content placed in the main area.

controls Optional[BaseComponent]

Content of the control panel.

controls_width Optional[Union[BaseComponent, float]]

The width of the control panel in widescreen mode. In compact mode, the panel takes up the entire available width. Default: 200 pixels.

extra_controls Optional[BaseComponent]

An additional panel with controls. Located below the main panel.

min_width Optional[Union[BaseComponent, float]]

The minimum width, in pixels, for widescreen mode. If the component width becomes less than the specified value, the interface switches to compact mode. Default: 400 pixels.

validation Optional[BaseComponent]

Validation based on condition.