Command Example

Display a command. Used in the multiselect for instance.

How to use this command

Props

No props in it!

Playground

Import from @filigran/ui :

Import {Command, CommandList, CommandGroup, CommandItem, CommandShortcut} from '@filigran/ui'


  <Command className="rounded-lg border shadow-md">
<CommandInput placeholder="Type a command or search..." />
<CommandList>
  <CommandEmpty>No results found.</CommandEmpty>
  <CommandGroup heading="Suggestions">
    <CommandItem>
      <span>Calendar</span>
    </CommandItem>
  </CommandGroup>
  <CommandSeparator />
  <CommandGroup heading="Settings">
    <CommandItem>
      <span>Profile</span>
      <CommandShortcut>⌘P</CommandShortcut>
    </CommandItem>
    <CommandItem>
      <span>Billing</span>
      <CommandShortcut>⌘B</CommandShortcut>
    </CommandItem>
  </CommandGroup>
</CommandList>
</Command>