We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
A react header component contains header components like logo and navigation. Will show on every page in the web app. Responsive design:
The text was updated successfully, but these errors were encountered:
const Header = () => { return ( <header className="bg-gray-800 text-white"> <div className="container mx-auto flex items-center justify-between py-4"> <div className="text-2xl font-bold">My Logo</div> </div> //button of navbar <nav> <ul className="flex space-x-4"> <li> <a href="/" className="hover:text-gray-300">Home</a> </li> <li> <a href="/about" className="hover:text-gray-300">About</a> </li> <li> <a href="/contact" className="hover:text-gray-300">Contact</a> </li> </ul> </nav> </header> ); }; export default Header;
this is made by tailwind and react
Sorry, something went wrong.
No branches or pull requests
A react header component contains header components like logo and navigation.
Will show on every page in the web app.
Responsive design:
Can be themed (Radix UI).
The text was updated successfully, but these errors were encountered: