ResponsivePanel

Box layout that switches direction when its width crosses a breakpoint.

Attributes

attributelayout_kind

= t.Unicode('responsive').tag(sync=True)

attributebreakpoint

= t.Int(760).tag(sync=True)

attributewide_direction

= t.Enum(BOX_DIRECTIONS, default_value='left-to-right').tag(sync=True)

attributenarrow_direction

= t.Enum(BOX_DIRECTIONS, default_value='top-to-bottom').tag(sync=True)

attributespacing

= t.Int(8).tag(sync=True)

Functions

constructor__init__

(widgets=None, *, titles=None, keys=None, breakpoint=760, wide_direction='left-to-right', narrow_direction='top-to-bottom', spacing=8, width='100%', height=420, resizable=True, fit_content=False) -> None

paramwidgetsChildInput

= None

Child widgets or keyed child mapping.

paramtitlesTitleInput

= None

Optional labels associated with children.

paramkeysIterable[str] | None

= None

Stable child keys for iterable widgets.

parambreakpointint

= 760

Width in CSS pixels where the layout switches direction.

paramwide_directionstr

= 'left-to-right'

Box direction used when the container is wider than breakpoint.

paramnarrow_directionstr

= 'top-to-bottom'

Box direction used when the container is narrower than breakpoint.

paramspacingint

= 8

Pixel spacing between children.

paramwidthint | float | str | None

= '100%'

Widget width.

paramheightint | float | str | None

= 420

Widget height.

paramresizablebool

= True

Whether the panel gets a notebook resize handle.

paramfit_contentbool

= False

Returns

None

Attributes

Functions

On this page