Installation

npm

npm i react-material-ui-searchbar --save

yarn

yarn add react-material-ui-searchbar

Usage

import React from 'react';
import SearchComponent from "react-material-ui-searchbar";

export default function App() {
  return (
    <div className="App">
      <SearchComponent />
    </div>
  );
}

Props

| Name | Type | Default | Description | |----------------|---------------------------------------------------|-------------|-------------------------------------------| | placeholder | string | Search | Placeholder in search bar | | onChangeHandle | ( value : string ) => void | | Returns the text change in the search bar | | initialValue | string | "" | Initial Value in the search bar | | svgFontSize | 'inherit' | 'medium' | 'large' | 'small' | 'small' | Search SVG icon font size | | sx | SxProps | {} | Sx Props for customizing Search Bar | | inputLabelProps| InputFieldProps | {} | Sx Props for customizing Input Field |

Built With

• React - A JavaScript library for building user interfaces

• Material UI - Component Library for Material UI

License

MIT Licensed. Copyright (c) Vishal Ramanand Sharma 2022.