ReactプロダクトにおけるButtonコンポーネント実装の最適解を探し続けた結果

2023/12/13 aria-disabledの付け方を改良 2023/12/11 タイポ修正 2023/12/08 next/linkのhrefにundefinedを渡すとエラーがでるため、disabledにする方法を修正 <Button asChild ref={}>とrefを指定できてしまっていたのを修正 セミコロンをつけないように 2023/12/07 タイポ修正(priamry -> primary) import { cloneElement, forwardRef, isValidElement } from "react" import styles from "./style.module.css" import clsx from "clsx" export type ButtonProps = { variant?: "primary" | "secondary"

[mr_ozin]

forwardRef,ComponentPropsWithoutRefとclsx使ってニッコリしちゃった。汎用性が高くて良いね