SaasRock Logo

Command Palettes

Command Palette

<CommandPalette
  isOpen={open}
  onClosed={() => setOpen(false)}
  commands={[
    {
      command: "1",
      title: "Title 1",
      description: "Description #1",
      onSelected: () => alert("Selected command #1"),
    },
    {
      command: "2",
      title: "Title 2",
      description: "Description 2",
      onSelected: () => alert("Selected command #2"),
    },
  ]}
/>