Feature Rich Search Box - Copy this Html, Tailwind Component to your project

Import { ActionButton, TooltipTrigger } from "@adobe/react spectrum"; import { FiSearch } from "react icons/fi"; import { Tooltip } from "react tooltip"; const SearchBox = () => { return ( <TooltipTrigger delay={0}> <ActionButton aria label="Search" > <FiSearch /> <input></input> </ActionButton> <Tooltip>Search by action ID</Tooltip> </TooltipTrigger> ); } export default SearchBox;