Height¶

Control the height of panel-live elements using the height attribute.

Auto height (default)¶

When no height is specified, the element sizes to fit its content.

import panel as pn pn.panel("**Auto height** — sizes to fit content.").servable()

Fixed height¶

Set an explicit height using any CSS length value:

import panel as pn items = pn.Column(*[ pn.pane.Markdown(f"Item **{i}**") for i in range(1, 11) ]) items.servable()

Fence syntax¶

```{.panel mode="editor"}
# auto height (default)
```

```{.panel mode="editor" height="500px"}
# fixed 500px height
```

When to use each¶