Interface SearchFormProps

Props for SearchForm. Controls submit handling, the advanced-options button behavior, and the input's placeholder text.

Example

const props: SearchFormProps = {
  onSearch: (q) => runSearch(q),
  placeholder: "Search chemicals...",
};

Source

interface SearchFormProps {
  /** Called with the trimmed query when the form is submitted. */
  onSearch: (query: string) => void;
  /** Overrides the advanced-options button action; defaults to toggling the app drawer. */
  onDrawerToggle?: () => void;
  /** Placeholder text for the input. Defaults to `"Search for products..."`. */
  placeholder?: string;
  /** Whether to show the advanced-options button. */
  showAdvancedButton?: boolean;
  /** When true, focuses the query input on mount (e.g. on entering the search panel). */
  autoFocus?: boolean;
}

interface SearchFormProps {
    onSearch: (query: string) => void;
    onDrawerToggle?: () => void;
    placeholder?: string;
    showAdvancedButton?: boolean;
    autoFocus?: boolean;
}

Index

Properties

onSearch onDrawerToggle? placeholder? showAdvancedButton? autoFocus?

Properties

onSearch

onSearch: (query: string) => void

Called with the trimmed query when the form is submitted.

`Optional`onDrawerToggle

onDrawerToggle?: () => void

Overrides the advanced-options button action; defaults to toggling the app drawer.

`Optional`placeholder

placeholder?: string

Placeholder text for the input. Defaults to "Search for products...".

`Optional`showAdvancedButton

showAdvancedButton?: boolean

Whether to show the advanced-options button.

`Optional`autoFocus

autoFocus?: boolean

When true, focuses the query input on mount (e.g. on entering the search panel).