Layout

Separator & scroll area

Dividers and bounded scrolling regions.

Separator

Visual divider — horizontal, labeled, or vertical.

Default full-width rule.

Above the line

Below the line

Centered label on the rule — useful for “or” splits.

vertical splits adjacent columns.

Left column with a short note about primary content.

Right column for secondary detail or actions.

Props and slots, introspected from the component.

Prop	Type	Default	Description
`class`	`any`	`nil`	Extra classes merged onto the root element.
`text`	`string`	`nil`	Optional centered label on a horizontal rule.
`vertical`	`boolean`	`false`	Render a vertical divider instead of horizontal.

Constrain the wrapper to create overflow. A label gives the region keyboard-scrollable semantics with a focusable role=region.

Vertical, horizontal, and both-axis scrolling all use native browser behavior.

Activity event 1

Activity event 2

Activity event 3

Activity event 4

Activity event 5

Activity event 6

Activity event 7

Activity event 8

Event 1 - Event 2 - Event 3 - Event 4 - Event 5 - Event 6 - Event 7 - Event 8 -

Wide content 1 Wide content 2 Wide content 3 Wide content 4 Wide content 5

Props and slots, introspected from the component.

Prop	Type	Default	Description
`class`	`any`	`nil`	Extra classes merged onto the root element.
`label`	`string`	`nil`	Accessible name; when set the wrapper becomes a focusable, keyboard-scrollable `role="region"`. Omit only when the content manages focus itself.
`orientation`	`vertical \| horizontal \| both`	`"vertical"`	Which axis may scroll; the other axis hides its overflow.
Slots
`:inner_block`*	Scrolled content.