본문으로 건너뛰기

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>
  );
}