Skip to article frontmatterSkip to article content
Site not loading correctly?

This may be due to an incorrect BASE_URL configuration. See the MyST Documentation for reference.

Column

Lay out child widgets in a vertical column (the vertical sibling of Row).

Import

from manywidgets import Column

Example

from ipywidgets import jsdlink
from manywidgets import Column, Slider, NumberDisplay

s = Slider(label="Value", min=0, max=1000, value=250)
nd = NumberDisplay(label="Selected", format="{:,.0f}", duration=300)
jsdlink((s, "value"), (nd, "value"))
Column(s, nd, gap="12px")

API

TraitTypeDefaultDescription
childrenListChild widgets, top to bottom.
gapUnicode'8px'CSS gap between children.
alignUnicode'stretch'CSS align-items (cross axis).
widget_idUnicode''Stable unique id used for cross-widget linking (auto-assigned).

Pass children positionally (Column(a, b)) or as a list (Column(children=[a, b])).

See Layout for how Row, Column, and Grid compose into a full screen.