Skip to main content

ClickArea

Make a clickable area. The area is wrapped in a anchor, and becomes a little darker when clicked.

<ClickArea
// CSS className
className={className}
// The function to invoke when clicked (`() => void`)
onClick={onClick}
// If it can be clicked (`boolean`)
enabled={enabled}
>
{children}
</ClickArea>

Examples

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

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