Components
SearchBar

SearchBar

Search enables users to specify a word or a phrase to find relevant pieces of content without the use of navigation.

Empty
Filled
Disabled

Usage

import { SearchBar } from "@momo-webplatform/mobase";
<SearchBar placeholder="Bạn cần tìm gì..." />

API Reference

SearchBar component extends HTML Input Element and supports all of its props.

SearchBar
PropTypeDefaultRequired
inputClassName
string--false
size
enum1 | 2--false
onClickClear
(inputValue: string) => void--false

Best practices

  • Status:
    • Focused: The input has been navigated to and is ready to accept input.
    • Disabled: The input cannot accept input or become focused.