ClickArea

Clickable한 영역에 사용합니다. 영역이 anchor로 감싸지며, 클릭 시 살짝 어두워집니다.

<ClickArea
  // CSS className
  className={className}
  // 클릭 시 실행할 함수 (`() => void`)
  onClick={onClick}
  // 클릭 가능 여부 (`boolean`)
  enabled={enabled}
>
  {children}
</ClickArea>

Examples

import { ClickArea } from '@toss/react';

export default function App() {
  return (
    <ClickArea onClick={() => alert('Clicked!')}>
      Click me
    </ClickArea>
  );
}