Skip to main content

SideArea API Overview

Initialization​

<script>
  import { SideArea } from "@svar-ui/svelte-core";
</script>

<!-- minimal configuration for initialization -->
<SideArea>
  <div class="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