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

positionOptional. Defines the position of a side area

SideArea Events

cancelFires on click outside the side area