Skip to content
dev

Layout

Arrange arbitrary content in Stack, Grid or Masonry. Use named handles to reorder or transfer items. Changes affect this preview only.

Default Rendered example

Alt+Up/Down reorders. Alt+Home/End moves first or last. Alt+PageUp/PageDown transfers between compatible groups.

Media service

Healthy. Content keeps its own card presentation.

Maintenance notes

This is plain content without a card wrapper. The renderer owns its natural height.

Read notes

Storage usage

Storage usage by pool
PoolUsed
Fast42%
Archive71%
Exact series values
LabelSeriesY axisValue
MonUsedY axis40
TueUsedY axis42
WedUsedY axis45

A short plain note.

Inbox

Usage Example
@layout.Container(layout.Config{
    ID: "operations", Label: "Operations", Mode: layout.ModeMasonry, Columns: 2,
    Reorder: &layout.ReorderConfig{Group: "widgets"},
    Items: []layout.Item{
        {ID: "service", Label: "Service", Content: serviceCard()},
        {ID: "notes", Label: "Notes", Content: notes()},
    },
})

Nested groups

An outer group controls its own columns. Inner containers use their own bounds and movement scope.

Nested groups Rendered example

A short plain note.

Storage usage

Storage usage by pool
PoolUsed
Fast42%
Archive71%

Maintenance notes

This is plain content without a card wrapper. The renderer owns its natural height.

Read notes
Nested groups
@layout.Container(layout.Config{
    ID: "groups", Label: "Groups", Mode: layout.ModeGrid, Columns: 2,
    Items: []layout.Item{
        {ID: "nested", Label: "Nested group", Content: innerLayout()},
    },
})

Stack

Single-column reading order without movement handles.

Stack Rendered example

A short plain note.

Storage usage

Storage usage by pool
PoolUsed
Fast42%
Archive71%
Stack
@layout.Container(layout.Config{ID: "reading", Label: "Reading", Items: items})

Built-in text: the development API provides expressions.Layout for application defaults, request preferences, and individual component overrides. Read the expression guide.

Go API

development

The examples above cover behavior and composition. pkg.go.dev is the canonical reference for exported types, functions, methods, and Go documentation.

github.com/araihu/goshtoso/components/layout

An exact external API link is added to versioned builds.