Gutter Section

Anatomy

A mono uppercase section header over a content slot — the unit the inspector gutter is built from (SESSION, LINEAGE, LINKED DOCS).

maud_ui::primitives::gutter_section

Props

Generated from public Rust fields. Defaults are evaluated from the implementation.

Prop	Type	Default	Description
`title`	`String`	`""`	Section title — rendered mono, uppercased by CSS, 10px, subtle.
`content`	`Markup`	`PreEscaped("")`	The section body.

Examples

Inspector gutter sections

A mono uppercase header (10px, letter-spaced, subtle) over any content.

Session

model: sonnet-4.6
turn: 12

Linked docs

auth-middleware RFC tower Layer contract

Usage and composition

Import

use maud_ui::primitives::gutter_section::{self, Props};

Example

use maud::html;
use maud_ui::primitives::gutter_section::{self, Props};

gutter_section::render(Props {
    title: "Linked docs".into(),
    content: html! {
        div { a href="#" { "auth-middleware RFC" } }
        div { a href="#" { "tower Layer contract" } }
    },
})

CSS classes

mui-gutter-section — the <section>.
mui-gutter-section__title, mui-gutter-section__body.

Facts list (a common body), Sidebar, Item.

Accessibility

Supply meaningful labels, choose heading levels for the surrounding page, and preserve native link and form behavior. Keyboard focus follows document order. Motion honors reduced-motion preferences.

← Back to Gallery