React Search Bar Code 1
React
import React from 'react'; import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom/client'; function Searchbar() { return ( <>
> ); } ReactDOM.render(
, document.getElementById('root')); const root = ReactDOM.createRoot(document.getElementById('root')); root.render(
); const GetSearchbar = () => { return ( <>
> ); } export default GetSearchbar; export const GetSearchbar = () => { return ( <>
> ); }
CSS
.searchbar{ width: 200px; height: 40px; padding-left: 10px; border: 2px solid #19a9a6; font-size: 15px; font-family: courier; font-weight: normal; letter-spacing: 1px; text-align: center; color: #000000; background: #ffffff; } .barbtn{ width: 60px; height: 40px; border: 2px solid #19a9a6; font-size: 15px; font-family: courier; font-weight: normal; letter-spacing: 1px; text-align: center; color: #ffffff; background: #19a9a6; }
Follow Us