Skip to main content

SideArea API Overview

Initialization​

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

// minimal configuration for initialization
export default function Example() {
  return (
    <SideArea>
      <div className="window">
        {/* sidearea content */}
      </div>
    </SideArea>
  );
}
tip

Visit the Features Guide to learn more about the control's functionality.

SideArea Properties​

cssAdds a custom style to the SideArea control.
positionOptional. Defines the position of a side area

SideArea Events​

cancelFires on click outside the side area