CommandDemo() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/command-demo.tsx lines 13–54

export default function CommandDemo() {
  return (
    <Command_Shadcn_ className="rounded-lg border shadow-md">
      <CommandInput_Shadcn_ placeholder="Type a command or search..." />
      <CommandList_Shadcn_>
        <CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
        <CommandGroup_Shadcn_ heading="Suggestions">
          <CommandItem_Shadcn_>
            <Calendar className="mr-2 h-4 w-4" />
            <span>Calendar</span>
          </CommandItem_Shadcn_>
          <CommandItem_Shadcn_>
            <Smile className="mr-2 h-4 w-4" />
            <span>Search Emoji</span>
          </CommandItem_Shadcn_>
          <CommandItem_Shadcn_>
            <Calculator className="mr-2 h-4 w-4" />
            <span>Calculator</span>
          </CommandItem_Shadcn_>
        </CommandGroup_Shadcn_>
        <CommandSeparator_Shadcn_ />
        <CommandGroup_Shadcn_ heading="Settings">
          <CommandItem_Shadcn_>
            <User className="mr-2 h-4 w-4" />
            <span>Profile</span>
            <CommandShortcut_Shadcn_>⌘P</CommandShortcut_Shadcn_>
          </CommandItem_Shadcn_>
          <CommandItem_Shadcn_>
            <CreditCard className="mr-2 h-4 w-4" />
            <span>Billing</span>
            <CommandShortcut_Shadcn_>⌘B</CommandShortcut_Shadcn_>
          </CommandItem_Shadcn_>
          <CommandItem_Shadcn_>
            <Settings className="mr-2 h-4 w-4" />
            <span>Settings</span>
            <CommandShortcut_Shadcn_>⌘S</CommandShortcut_Shadcn_>
          </CommandItem_Shadcn_>
        </CommandGroup_Shadcn_>
      </CommandList_Shadcn_>
    </Command_Shadcn_>
  )
}