Bit of a risky move to show actual HTML demos instead of just image previews like Tailwind UI, but I see the additional value in providing a backend template too.
I mean if someone is willing to go through the effort to copy paste the code bit by bit from inspecting each element rather than spending a few bucks they probably were never a customer to begin with :D
For real. I have bought dozens of little templates like this, because $30 is about 15-30 minutes of my hourly cost. Scraping it would take at least a good 2 hours.
You currently use <button>s for your navigation (and in the footer) which means I can't use neither my scroll wheel button to open links in a new tab nor can I right-click and open it in a new tab.
I guess you could use <a href="/whatever" role="button"> to get the same semantics but also make it easier for people like me (and people using screen readers!) :)
Sorry! It's because the Nextjs Link component is dumb and doesn't let you pass className directly so I can't style it without using button and the onClick option to navigate :(
You can make it an <a> tag (as you pointed out) and add target="_blank" which will make it open in a new tab. Will also have to add "cursor-pointer" in the className to get the cursor on hover effect.
13 comments
[ 5.9 ms ] story [ 45.3 ms ] threadI guess you could use <a href="/whatever" role="button"> to get the same semantics but also make it easier for people like me (and people using screen readers!) :)