smudgy
dev:scriptref:widgets:layout

Table of Contents

smudgy:widgets — Layout & overlays

Generated from smudgy v0.5.4-dev (smudgy-widgets.d.ts @ 240541ea0a6a). Index: scriptref.

Arrange, size, scroll, and layer widget content. These components do not collect form values; they determine where other components appear.

For mounting and shared size types, see Widget overview.

Column

export function Column(props?: ColumnProps, children?: WidgetChildren): SmudgyElement;

A vertical layout. Children are laid out top-to-bottom.

ColumnProps

export interface ColumnProps {
    width?: Bindable<WidgetLength>;
    height?: Bindable<WidgetLength>;
    spacing?: Bindable<number>;
    padding?: Bindable<number>;
    children?: WidgetChildren;
}

Props common to the linear layout containers.

  • spacing — Gap between children, in pixels.
  • padding — Padding around the children, in pixels.

Row

export function Row(props?: RowProps, children?: WidgetChildren): SmudgyElement;

A horizontal layout. Children are laid out left-to-right.

RowProps

export type RowProps = ColumnProps;

The same layout properties as

smudgy