SearchViewModal
Imports
import {SearchViewModal} from 'material-expressive-react';
import {SearchViewModal} from 'material-expressive-react/search';
Props
| Prop | Type | Default | Required | Description |
|---|---|---|---|---|
| items | SearchViewItem[] | [] | No | |
| onBackClick | ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | No | ||
| onCloseClick | ((event: MouseEvent<HTMLButtonElement, MouseEvent>) => void) | No | ||
| onInput | ((event: FormEvent<HTMLInputElement>) => void) | No | ||
| onItemClick | ((id: string) => void) | No | ||
| onKeyDown | ((event: KeyboardEvent<HTMLInputElement>) => void) | No | ||
| onValueChange | ((nextValue: string) => void) | No | ||
| placeholder | string | Input text | No | |
| value | string | No |
Events
This component does not explicitly re-emit DOM events via wrapper props.
Slots
Material Web components frequently use named slots. In React, you can pass slot="..." on children (e.g. <Icon slot="icon" />).
If you need to slot a child component that does not accept a slot prop, use the Slotted utility (see Utilities → Slotted).
Examples
See Storybook for live examples and variants.