Properties for creating an expandable search input. These properties should be passed into the search input component's expandableInput property.

interface SearchInputExpandable {
    isExpanded: boolean;
    onToggleExpand: ((event: SyntheticEvent<HTMLButtonElement, Event>, isExpanded: boolean) => void);
    toggleAriaLabel: string;
}

Properties

isExpanded: boolean

Flag to indicate if the search input is expanded.

onToggleExpand: ((event: SyntheticEvent<HTMLButtonElement, Event>, isExpanded: boolean) => void)

Callback function to toggle the expandable search input.

toggleAriaLabel: string

An accessible label for the expandable search input toggle.