Lazy UIsDocs
    WebsitePricingGet started
    Recipes

    Window buttons

    Your design's own close and minimize marks close and minimize the app.

    Draw the window's close (✕) and minimize (–) marks in your design, along the top edge on the right, and they work in the compiled app. At rest they look exactly as designed; on hover, a soft round backdrop appears behind them.

    Minimize and close marks at rest, with minimize hovered, and with close hovered
    At rest, with minimize hovered, and with close hovered.

    What's recognized

    • Where: the top 16% of the frame (at least 48 px), in the right 40%.
    • Size: between 8 and 40 px.
    • Name: something like close, x, exit, or an icon name such as si:close-fill; minimize, minus, or dash for minimize. Marks drawn together as one icon still work separately.

    If yours isn't picked up, name it close window or minimize window, or use the plugin's Window tab, which also checks the position. In your own code, lazyui::close_window( ) and lazyui::minimize_window( ) do the same.