1.0.4 • Published 2 years ago
react-material-ui-searchbar v1.0.4
Installation
npm
npm i react-material-ui-searchbar --saveyarn
yarn add react-material-ui-searchbarUsage
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.