🎨 Command

1. Import:

import { Command } from "superkey";

2. Use:

<Command open={true} onClose={() => {}}>
  {/* Here your CommandInput, CommandList or CommandOption */}
</Command>

⚙️ Props:

Prop	Description	Required
children	Inside it uses the input, list and options components.	✅
open	Open or close the command palette.	✅
onClose	Function to be executed when close the command palette.	✅
commandFunction	Function to be executed when click an option.	-
afterLeave	Function to be executed after close the command palette.	-
className	Class to be added to the command palette.	-
overlayClassName	Class to be added to the overlay.	-

⚙️ Interface:

export interface SharedCommandProps {
  className?: string;
}

export interface CommandProps extends SharedCommandProps {
  children: React.ReactNode;
  open: boolean;
  overlayClassName?: string;
  commandFunction?: FormEventHandler<HTMLFormElement> | (() => void);
  onClose: (value: boolean) => void;
  afterLeave?: () => void;
}