SearchBar · Glowup

Glowup

INPUTS · 31 / 89

SearchBar

SearchBar — a Material You inputs component for React Native and web.

󱀫

packages/ui/src/components/SearchBar.tsx

Live demo

󰄜

360

󰓶

720

󰍹

Full

󰍉

Properties

3 controls

Value

Placeholder

Disabled

Usage

SearchBar.tsx

Variants

The states and shapes this component is meant to be used in.

Default

󰍉

Empty

󰍉

Leading icons

󰀏

󰓼

󱉟

Disabled

󰍉

API reference

Generated from the library's TypeScript, so it cannot drift from the implementation.

Props

9 on SearchBarProps

Filter props

󰍉

onChangeText

required

(text: string) => void

value

required

string

autoFocus

boolean

disabled

boolean

leadingIcon

MaterialCommunityIconsGlyphs

default: "magnify"

onClear

() => void

Called after the clear button empties the field.

onSubmit

(text: string) => void

placeholder

string

default: "Search"

style

StyleProp<ViewStyle>