SearchInput

3.15.0

an input component combined with a popover, can be used for incremental search.

import { SearchInput } from '@component-controls/components';

	Name	Description	Default
SearchInputOwnProps(6 properties)
	onSearch	callback on change of search input. user can retrieve items in this callback (search: string) => void \| Promise<void>	-
	onSelect	on select a search item. ((item: ItemType) => void)	-
	children	children is a render prop to allow custom rendering of items, one at a time (((props: SearchBoxCallbackProps<ItemType>) => ReactNode) & (boolean \| ReactChild \| ReactFragment \| ReactPortal \| null))	-
	items	items array ItemType[]	[]
	popoverProps	customize the popover PopoverProps	-
	render	custom renver of the search items popup ((rendered: ReactNode) => ReactNode)	rendered => rendered
InputHTMLAttributes(33 properties)
SpaceProps(28 properties)
HTMLAttributes(43 properties)
Attributes(1 properties)
AriaAttributes(48 properties)
DOMAttributes(159 properties)
BoxOwnProps(4 properties)
BackgroundColorProps(2 properties)
OpacityProps(1 properties)

Date	Author	Commit Message
4/27/2021	atanasster	fix: remove intial open on search undefined
2/17/2021	atanasster	feat: components history and catalog
12/23/2020	atanasster	feat: add algolia confurable site search
11/15/2020	atanasster	chore: update lint
11/14/2020	Atanas Stoyanov	fix: serch input alignment ie11
10/28/2020	atanasster	chore: axe-plugin and components
10/21/2020	atanasster	chore: update document type check
8/6/2020	atanasster	fix: linting issues
7/8/2020	atanasster	fix: optimize initial search loading
6/28/2020	atanasster	chore: gatsby 404 page

12 commits

package	imports	peer
@primer/octicons-react ^10.0.0	SearchIcon
react ^17.0.1	useStateuseEffectReactNode	*
scroll-into-view-if-needed ^2.2.25	scrollIntoView
theme-ui ^0.8.4	jsxInputPropsInputBox

file	imports
"../Popover"	PopoverPopoverProps
"../Keyboard"	KeyboardDOWN_ARROWUP_ARROWRETURNESCTAB