As-child-sample

⚠️ Problems

// bad.
<a href="/somewhere">
  <CommonFilledButton />
</a>

https://validator.w3.org/nu/?showsource=yes&doc=http://dropbox.beausmith.com/static-html/invalid-button-anchor-markup.html

https://stackoverflow.com/questions/42463263/wrapping-a-react-router-link-in-an-html-button

Solutions

as-props

as-props

Not enough. Difficulties with scalability, etc.

as-child

Not so bad.

Demo

https://as-child-sample.vercel.app/

Getting Started

yarn install

yarn dev

Usage

<FilledButton asChild>
  <a href='/somewhere'>Link</a>
</FilledButton>

Used

• Next.js
• Emotion css props