CDE Standard Elements

Windows

CDE Showcase Window

Standardized window structure for CDE.

<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 & Forms

Information 
<button>Standard</button>
<button class="default">OK</button>

<fieldset>
  <legend>Legend</legend>
  <input type="text">
</fieldset>