Retroui Svelte
Github

Command

Fast, composable, unstyled command menu for React.

Docs API Reference Component Source


Installation

npx shadcn-svelte@latest add https://retroui-svelte.netlify.app/r/command.json


Usage

		<script lang="ts">
 import * as Command from "$lib/components/ui/command/index.js";
</script>
 
<Command.Root>
 <Command.Input placeholder="Type a command or search..." />
 <Command.List>
  <Command.Empty>No results found.</Command.Empty>
  <Command.Group heading="Suggestions">
   <Command.Item>Calendar</Command.Item>
   <Command.Item>Search Emoji</Command.Item>
   <Command.Item>Calculator</Command.Item>
  </Command.Group>
  <Command.Separator />
  <Command.Group heading="Settings">
   <Command.Item>Profile</Command.Item>
   <Command.Item>Billing</Command.Item>
   <Command.Item>Settings</Command.Item>
  </Command.Group>
 </Command.List>
</Command.Root>

Examples

Default


Dialog