🥮 mooncakes.io

    howtomakeaname/sumi/feedback does not have a README file

    AlertVariant

    source
    pub(all) enum AlertVariant {
      Solid
      Subtle
    }

    StatusBadgeState

    source
    pub(all) enum StatusBadgeState {
      Running(Int)
      Count(Int)
      Complete
      Warning
    }

    The four looks of an async job's status badge. Running carries a progress percentage (clamped to 0–100); Count carries a queue depth (displayed capped at 99, matching the design's two-digit circle).

    alert

    source
    fn alert(message~ : String, variant? : AlertVariant, icon? : 
    Html    , id? : String, class? : String, attrs? : 
    Attrs    , style? : Array[String]) -> 
    Html

    An inline note for validation and status messages inside a panel or a node — an icon followed by wrapping copy. Solid sits on the canvas, Subtle on an already-filled surface. The default icon is icon_important; pass icon= to replace it.

    empty_state

    source
    fn empty_state(title_text~ : String, description? : String, icon? : 
    Html    , action? : 
    Html    , id? : String, class? : String, attrs? : 
    Attrs    , style? : Array[String]) -> 
    Html

    A placeholder for empty regions of the canvas or a result list. Pass an optional action (usually a button) below the copy.

    progress

    source
    fn progress(value~ : Int, max? : Int, show_value? : Bool, id? : String, class? : String, attrs? : 
    Attrs    , style? : Array[String]) -> 
    Html

    A determinate linear progress bar.

    skeleton

    source
    fn skeleton(width? : String, height? : String, radius? : String, id? : String, class? : String, attrs? : 
    Attrs    , style? : Array[String]) -> 
    Html

    A shimmering placeholder block for loading layouts. The shimmer runs in the interaction sheet and pauses under prefers-reduced-motion.

    skeleton_lines

    source
    fn skeleton_lines(count? : Int, style? : Array[String]) -> 
    Html

    Two lines of text-shaped skeletons with the design's line metrics.

    skeleton_tile

    source
    fn skeleton_tile(width? : String, height? : String, style? : Array[String]) -> 
    Html

    The card-shaped skeleton used for image/video tiles on a canvas.

    status_badge

    source
    fn status_badge(state~ : StatusBadgeState, aria_label? : String, id? : String, class? : String, attrs? : 
    Attrs    , style? : Array[String]) -> 
    Html

    A 20px badge reporting an async job's state, per the design: a frosted determinate ring while running, a white circle with the queue depth, a blue tick disc on completion, an amber info disc for partial failure. Rendered on dark imagery, so the palette is pinned to the dark values.

    status_badge(state=Running(45))
    status_badge(state=Count(3))
    status_badge(state=Complete)
    status_badge(state=Warning)

    Source Files

    Powered by MoonBit

    Site sourceReport issuePackagesBuild queueSkillsStatistics

    © 2026 mooncakes.io