SidePanel

import SidePanel from '@semcore/ui/side-panel';
<SidePanel />;

NSSidePanel.Props

& & {...}

Name	Type	Description
duration	number	Animation display duration in ms
visible	boolean	The property responsible for the visibility of the component
onClose	(trigger: "onOutsideClick" | "onEscape" | "onCloseClick", e: | ) => void	Callback for the component closure
closable	boolean	Property for displaying the close button
placement		Position of a dropdown window
disablePreventScroll	boolean	Setting `true` disables mechanism that hides document body scrollbar when SidePanel is visible
animationsDisabled	boolean	Deprecated Disable animation

SidePanel.Overlay

import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Overlay />;

This is a wrap over the Box component.

SidePanel.Panel

import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Panel />;

This is a wrap over Box and FocusLock.

NSSidePanel.Panel.Props

& & {...}

Name	Type	Description
onOutsideClick	(e: ) => void	Callback that is triggered when click outside is occured
forcedAdvancedMode	boolean	Deprecated Forces advanced mode

SidePanel.Close

import SidePanel from '@semcore/ui/side-panel';
<SidePanel.Close />;

This is a wrap over the Box component.