Window
Window
Basic Window
A standard Win98 window with title bar and body.
My Computer
Window content goes here.
<.window>
<.window_title_bar title="My Computer" />
<.window_body>
<p>Window content goes here.</p>
</.window_body>
</.window>
Control Buttons
Title bar with minimize, maximize, and close controls.
All Controls
Has minimize, maximize, and close buttons.
Close Only
Dialog-style with close button only.
Help & Close
With help and close buttons.
<.window_title_bar title="All Controls" controls={[:minimize, :maximize, :close]} />
<.window_title_bar title="Close Only" controls={[:close]} />
<.window_title_bar title="Help & Close" controls={[:help, :close]} />
Active vs Inactive
Windows change gradient when unfocused.
Active Window
This window is focused.
Inactive Window
This window is not focused.
<.window_title_bar title="Active Window" />
<.window_title_bar title="Inactive Window" inactive />
With Status Bar
Window with a segmented status bar at the bottom.
Notepad
Hello, World!
Ln 1, Col 14
UTF-8
Windows (CRLF)
<.window_status_bar>
<.window_status_bar_field grow>Ln 1, Col 14</.window_status_bar_field>
<.window_status_bar_field>UTF-8</.window_status_bar_field>
<.window_status_bar_field>Windows (CRLF)</.window_status_bar_field>
</.window_status_bar>
Dialog Style
A dialog window with icon in title bar and action buttons.
Sounds
Configure event sounds for the application.
<.window>
<.window_title_bar title="Sounds" controls={[:close]} />
<.window_body>
<p>Configure event sounds.</p>
<div class="flex justify-end gap-2">
<.button size="sm">OK</.button>
<.button variant="outline" size="sm">Cancel</.button>
</div>
</.window_body>
</.window>
Language
14 objects
