Command
A searchable action surface for fast keyboard-driven workflows.
The Command Component
Basic Usage
Code Snippet
<script lang="ts"> import { Button, Command } from '$lib/components'; let open = $state(false); const items = [ { value: 'launch', label: 'Open launch brief', description: 'Return to the current release brief.' } ]; </script> <Button onclick={() => (open = true)}>Open command menu</Button> <Command bind:open={open} items={items} title="Quick actions" />Examples
Footer Shortcut
Keep a small keyboard hint visible in the footer.