Stuck on an issue?
Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.
And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.
[AppBar] Make responsive app bar logo clickable
See original GitHub issueDuplicates
- I have searched the existing issues
Latest version
- I have tested the latest version
Summary 💡
Tried using the App bar with responsive menu for a project and realized that the logo is not clickable.
<Typography
variant="h6"
noWrap
component="a"
href="/"
sx={{
mr: 2,
display: { xs: "none", md: "flex" },
color: "inherit",
textDecoration: "none",
}}
>
Knowledgebase
</Typography>
With following code, the Logo becomes clickable.
Examples 🌈
https://mui.com/material-ui/react-app-bar/#ResponsiveAppBar.tsx
Motivation 🔦
Useful addition, good to have it out of the box.
Issue Analytics
- State:
- Created a year ago
- Comments:5 (4 by maintainers)
Top Results From Across the Web
How to Create a Responsive Navbar Using Material UI and ...
In this article, we will be looking at how to create a responsive navigation bar using the Material UI component and adapt it...
Read more >App Bar React component - Material UI - MUI
The App Bar displays information and actions relating to the current screen.
Read more >How do I display an image on left of Material-UI AppBar, but ...
In material ui 4.3.2, there is no 'title' props for AppBar. So to add a logo try the following method. <AppBar color="inherit"> <Toolbar> ......
Read more >Create Responsive Navigation Bar With Material UI Grid System
Hey Everyone,In this video I will be teaching you that how to build responsive navigation bar with ReactJS and MaterialUI 5.
Read more >React & Material UI #26: Header (Appbar + Toolbar ... - YouTube
Material UI AppBar API: https://material-ui.com/api/ app - bar / ... The Forge Coding Tutorials...https://theforge.ca Follow me on Social Media: ...
Read more >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
For the demo’s sake, I think it’s enough to just wrap that Typography element with a Link?! @rajpatel17-bot or @ameetmadan feel free to go for it!
Created PR https://github.com/mui/material-ui/pull/32374