Status Bar

Status Bar

Basic Status Bar

A simple status bar with text fields.

Application

Content area

Ready

      <.window_status_bar>
      <.window_status_bar_field grow>Ready</.window_status_bar_field>
      </.window_status_bar>
    
Multi-Field Status Bar

Status bar with multiple segments.

Ln 42, Col 8
Spaces: 2
UTF-8
LF
Elixir

      <.window_status_bar>
      <.window_status_bar_field grow>Ln 42, Col 8</.window_status_bar_field>
      <.window_status_bar_field>Spaces: 2</.window_status_bar_field>
      <.window_status_bar_field>UTF-8</.window_status_bar_field>
      <.window_status_bar_field>LF</.window_status_bar_field>
      <.window_status_bar_field>Elixir</.window_status_bar_field>
      </.window_status_bar>
    
With Status Indicators

Status fields with colored dots and icons.

Troll
#lobby
On
Lag: 8ms
13:24 UTC-3
Vol

      <.window_status_bar_field>
      <span class="inline-flex items-center gap-1">
      <span class="w-2 h-2 rounded-full bg-online" /> Troll
      </span>
      </.window_status_bar_field>
    
Platform IRC Status Bar

Full replication of the platform's bottom status bar.

RetroHexChat

Chat content area...

Troll
#lobby (4)
On
Lag: --
13:23 UTC-3
Help
Help Topics GitHub License (MIT)
6 objects
Help Topics
GitHub License (MIT)