onCancel

Description

Fires on click outside the side area

Usage

onCancel?: () => void;

Example

import { useState } from "react";
import { Button, SideArea } from "@svar-ui/react-core";

export default function Example() {
  const [sideAreaVisible, setSideAreaVisible] = useState(false);

  const openSideArea = () => {
    setSideAreaVisible(true);
  };

  const closeSideArea = () => {
    setSideAreaVisible(false);
  };

  return (
    <div>
      <Button onClick={openSideArea}>Show Side Area</Button>

      {sideAreaVisible && (
        <SideArea onCancel={closeSideArea}>
          {/* Some content */}
        </SideArea>
      )}
    </div>
  );
}

Related article: Handling SideArea closing