Command palette

Grouped search results with shortcut hints.

Source: src/stylus/components/command.styl

Inline palette

Results sit in .command-list, grouped by .command-group.

Primitives
<div class="command">
  <div class="command-input-wrapper">
    <input class="command-input" type="search" placeholder="Search components&hellip;" aria-label="Search components" />
  </div>
  <div class="command-list">
    <div class="command-group">
      <div class="command-group-heading">Primitives</div>
      <button type="button" class="command-item selected">Input OTP<span class="command-shortcut">&#8984;1</span></button>
      <button type="button" class="command-item">Carousel<span class="command-shortcut">&#8984;2</span></button>
    </div>
  </div>
</div>