← Site home

Overview

Living documentation for interface patterns. Each page pairs a preview with usage notes, similar to Storybook.

How to use this wiki

Browse the sidebar for tokens and components. Previews live in framed panels; implementation notes and markup examples sit below each preview.

Example panel

This is how story-style panels look on detail pages.

Source
<div class="ui-panel">
  <div class="ui-panel-header">Title</div>
  <div class="ui-panel-body preview">…</div>
</div>