← Back to Docs
  • index.html
  • Clayground
  • Clayground.Lab
  • LabPanel
  • Clayground 2026.7
  • LabPanel QML Type

    A titled paper panel - the surface every lab HUD is made of. More...

    Import Statement: import Clayground.Lab
    Inherits:

    Rectangle

    Inherited By:

    BoardPalette, LabHelp, MiniMap, PartCard, and ReadoutPanel

    Properties

    Detailed Description

    Panel fill, quiet border, the theme's radius, a small-caps mono title and an optional key tag in the corner. Labs grew a dozen of these by hand; one component is what makes two different labs read as one product.

    Children stack in a column and the panel sizes itself around them. For a fixed-size panel (a canvas, a chart) set width and height and anchor the content to body instead.

    Example usage:

    import Clayground.Lab
    
    LabPanel {
        title: LabLang.t("stats.title")
        tag: "M"                                  // the key that toggles it
        Text { text: "12 roads"; font.family: LabTheme.monoFont }
    }

    See also LabTheme, HintBar, and ScenarioBar.

    Property Documentation

    accent : color

    Title colour.


    body : Item [read-only]

    The content area below the header - anchor to it for fixed-size panels.


    content : Item [default]

    Stacked children (the default property).


    hideOnFocus : bool

    Whether this panel steps out of the way in focus mode. True for everything but a flow's own overlay.


    padding : int

    Inset around the content.


    spacing : int

    Gap between stacked children.


    tag : string

    Key hint shown in the top-right corner, e.g. "M".

    Panels that a key toggles say so in the corner - that is how a lab teaches its own key map without a manual.


    title : string

    Heading text (already translated).