🎨 CommandInput

Search text field.

1. Import:

import { CommandInput } from "superkey";

2. Use:

<CommandInput
  onChange={(e) => {
    console.log(e);
  }}
/>

⚙️ Props:

PropDescriptionRequired
onChangeInside it uses the input, list and options components.
iconAdds an icon to the search field.-
placeholderEdit the default placeholder-
classNameEdit the styles around the input.-
inputClassNameEdit the default styles of the field.-

⚙️ Interface:

export interface SharedCommandProps {
  className?: string;
}

export interface CommandInputProps extends SharedCommandProps {
  placeholder?: string;
  onChange(event: React.ChangeEvent<HTMLInputElement>): void;
  icon?: React.ReactNode;
  inputClassName?: string;
}