https://github.com/emon-webdev/responsive-tailwind-menu-in-react
Responsive tailwind nav menu in React Js
https://github.com/emon-webdev/responsive-tailwind-menu-in-react
Last synced: 15 days ago
JSON representation
Responsive tailwind nav menu in React Js
- Host: GitHub
- URL: https://github.com/emon-webdev/responsive-tailwind-menu-in-react
- Owner: emon-webdev
- Created: 2022-11-11T03:53:00.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2022-11-11T04:01:42.000Z (over 3 years ago)
- Last Synced: 2025-10-19T01:34:24.222Z (9 months ago)
- Language: JavaScript
- Size: 3.91 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# responsive-tailwind-menu-in-React
### Responsive navbar
```js
demo code
```
### Responsive navbar
```js
import React, { useState } from 'react';
import { Link, useNavigate } from 'react-router-dom';
const Header = () => {
const [isActive, setIsActive] = useState(false);
const handleHumbagerMenu = event => {
setIsActive(current => !current);
}
return (
- Home
- Tours
- FAQ's
{
user?.uid ?
<>
{
user?.uid &&
<>
- Add Tour
- Reviews
- Sign Out
>
}
>
:
- Login
}
);
};
export default Header;
```