Modals & Windows

This page demonstrates how to build window and dialog components, which form the basis of modal popups.


Complete Window Examples

The fundamental component is the .window, which provides the border and container for a title bar and window body. Windows can contain any content.

A Standard Window

There's so much room for activities!

Windows can also include a status bar at the bottom to display contextual information.

Window With A Status Bar

Content goes in the middle.

Press F1 for help

CPU Usage: 5%


Window States

A title bar can be made to look inactive, useful for indicating when a window has lost focus.

An Inactive Window

This window is not currently active.