Skip to main content

click

Description​

Adds a click handler to the Two State button

Usage​

onClick?: (ev: React.MouseEvent<HTMLButtonElement>) => void;

Parameters​

  • ev - (object) a native React mouse event object (React.MouseEvent)

Example​

function myFunction(ev: React.MouseEvent<HTMLButtonElement>) {
  showNotice({
    text: "Two State Button clicked",
  });
}

export default function Example() {
  return (
    <div>
      <TwoState onClick={myFunction}>Click Me</TwoState>
    </div>
  );
}

Related articles: Handling a button click, Making a button inactive

Related sample: Two State Button