Welcome UI logo
FOUNDATIONSCOMPONENTSBLOG650+
10.0.3

Menu

    Actions

    • Button
    • ButtonGroup
    • Close Button
    • Link

    Data display

    • Accordion
    • Avatar
    • Badge
    • Card
    • Swiper
    • Table
    • Tag
    • VisuallyHidden

    Feedback

    • Alert
    • StickyNote

      NEW

    • Toast

    Forms

    • Checkbox
    • DatePicker
    • DateTimePicker
    • Field
    • FileDrop
    • FileUpload
    • Hint
    • InputText
    • Label
    • PasswordInput
    • Radio
    • RadioGroup
    • RadioTab
    • Search
    • Select
    • Slider
    • Textarea
    • TimePicker
    • Toggle

    Icons & logo

    • Icon
    • IconStamp

      NEW

    • Logo
    • VariantIcon
    • WelcomeLoader

    Layout

    • AspectRatio
    • Loader
    • Window

      NEW

    Navigation

    • Breadcrumb
    • DropdownMenu
    • Pagination
    • Stepper

      NEW

    • Tabs

    Overlay

    • Drawer
    • Modal
    • Popover
    • Tooltip

    Typography

    • Text

    Utilities

    • Grid background

Overview

Props

Search

dataTestId
string
groupsEnabled
Boolean
hasIcon
Boolean
icon
ReactElement<any, string | JSXElementConstructor<any>>
iconPlacement
left (default)
left
right
itemToString
Required
(item: unknown) => string
minChars
3 (default)
number
onChange
(item: unknown, event: CreateEvent) => void
renderGroupHeader
(result: SearchOptionGroup) => ReactElement<any, string | JSXElementConstructor<any>>
renderItem
Required
(item: unknown) => string | ReactElement<any, string | JSXElementConstructor<any>>
search
Required
(query: string) => Promise<unknown>
size
lg (default)
sm
md
lg
throttle
500 (default)
number
transparent
Boolean
value
unknown
variant
danger
success
warning

On this page

  • Search
    • dataTestId
    • groupsEnabled
    • hasIcon
    • icon
    • iconPlacement
    • itemToString
    • minChars
    • onChange
    • renderGroupHeader
    • renderItem
    • search
    • size
    • throttle
    • transparent
    • value
    • variant
Made with by
Welcome to the jungle logo

Documentations

  • Foundations
  • Components
  • Source code

Updates

  • Releases
  • Issues

Community

  • Github
  • Twitter
  • Medium
  • Jobs