KPC
Kevin Powell - Community•4mo ago
firstian

Why having a Link as a child of a Button

I see examples in React with Radix that does things like: 
<Button asChild>
  <Link href="/path">A Link</Link>
<Button>
<Button asChild>
  <Link href="/path">A Link</Link>
<Button>
Why is this necessary? Wouldn't it be simpler to just use a Link and style it like a button? What am I missing?
3 Replies
Tenkes
Tenkes•4mo ago
<Button /> is already styled component. To avoid writing styles again they wrapped Link in Button and used asChild prop which should use child's tag as tag in Button. So it wouldn't render button but actual link.
firstian
firstian•4mo ago
So if I don't use a style component (e.g., straight Radix), then there is no point in using the Button at all, just style the link as I see fit directly?
Tenkes
Tenkes•4mo ago
If you're not going to use Radix styles then yeah, style the link as you want it styled
Want results from more Discord servers?
Add your server
More Posts
subgrid vs inheritCould someone please explain the difference between defining `grid-template-columns: subgrid;` and `How to create this treeI need to create structure tree like is on the image. I looked for any library but I didn't find. SoSeeking Feedback on My First HTML/CSS Project!Hi web developers, I'm excited to share that I've just completed my very first project using HTML aOversized img on iPhones, when other devices are showing img perfectlyIm using parallax effect on my website, background image is set as a bgc-img: url() in CSS. Image isConcurrency vs. Parallelismhttps://youtu.be/3X93PnKRNUo?si=odMScfJH0TCd-0g_I need help with responsive.I'm doing desktop to mobile, and I'm having trouble on mobile devices. Can someone give me an adviceLooking for direction / guidance about this particular canvas effect + resourceThere is a canvas interaction right at the header of the case study from this site. I want to know imedia queriesi have a question about media queries. For this code ```css @media (min-width: 768px) and (max-width