A versatile, reusable search component with four customizable styles for seamless integration. Designed for flexibility, responsiveness, and an intuitive user experience across your app or website. To install the package, run "npm i react-reusify"
A searchbar with a border and a button featuring a smooth curve on the right side for a modern, stylish look.
1import {SearchBar} from 'react-reusify'
2
3<SearchBar
4 icon={<IoSearch />}
5 variant="style1"
6/>A sleek, borderless searchbar with a fully rounded button, offering a clean and contemporary design.
1import {SearchBar} from 'react-reusify'
2
3<SearchBar
4 icon={<IoSearch />}
5 variant="style2"
6/>A minimalist searchbar without a border, paired with a transparent button for an elegant, understated style.
1import {SearchBar} from 'react-reusify'
2
3<SearchBar
4 icon={<IoSearch />}
5 variant="style3"
6/>A borderless searchbar with a button that features a 50% curve on the right side, offering a unique and modern design.
1import {SearchBar} from 'react-reusify'
2
3<SearchBar
4 icon={<IoSearch />}
5 variant="style4"
6/>