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.
[Feature Request] provide tag property in QTab API like in QItem API
See original GitHub issueProblem: I would like to realize a horizontal menu with QTabs API. It’s a mix of vue-router links and external links so I would like to mix QRouteTab and QTab - unfortunately QTab does not provide external links like QItem.
Solution: Provide tag property in QTab API like in QItem API e.g.
<q-tab label="Quasar v1" tag="a" target="_blank" href="https://v1.quasar.dev/" />
Alternative: I’ve tried several things. Among others surrounding q-tab with <a>-tag e.g. the clumsy
<a target="_blank" href="https://v1.quasar.dev/" style="text-decoration: none; color: inherit"><q-tab label="Quasar v1" /></a>
Looks ok at first glance but visual feedback is broken when switching the tab with TAB key.
Issue Analytics
- State:
- Created 2 years ago
- Comments:7 (4 by maintainers)
Top Results From Across the Web
Top Related Medium Post
Top Related StackOverflow Question
Troubleshoot Live Code
Top Related Reddit Thread
Top Related Hackernoon Post
Top Related Tweet
Top Related Dev.to Post
Top Related Hashnode Post
I made a codepen to play with that has QBtn and QBtnDropdown: https://codepen.io/Hawkeye64/pen/qBmZoVJ?editors=1010
Right away there is a couple of issues for consistency. The buttons don’t have the same “equal width” of the tabs. The QBtn has some margin going on so it doesn’t touch the top and bottom.
I am thinking, like QField for form items, a QTabWrapper would be nice, such that it can wrap something and make it somewhat behave like a QTab (the same width, underline selection, the same opacity, etc)
Brilliant! Thanks, @pdanpdan ❤️