IRIX Indigo Magic Reference

Window Structure

The standard Indigo Magic window uses generic classes.

Reference Window

Content area...

<div class="window">
  <div class="title-bar">
    <div class="title-bar-text">Title</div>
    <div class="title-bar-controls">
      <button aria-label="Minimize"></button>
      <button aria-label="Maximize"></button>
      <button aria-label="Close"></button>
    </div>
  </div>
  <div class="window-body">...</div>
</div>

Buttons

IRIX buttons are chunky with 3D bevels. Use the <button> tag.

<button>Standard</button>
<button class="default">Default</button>
<button disabled>Disabled</button>

Form Controls

Standard inputs and toggles with IRIX aesthetic.

Checkbox Radio On Radio Off

<input type="text">

<label>
  <input type="checkbox" checked> Checkbox
</label>

<label>
  <input type="radio" name="ref" checked> Radio
</label>