SidePanel

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

SidePanelProps

& & {...}

Name	Type	Description
duration	number	Animation display duration in ms
visible	boolean	The property responsible for the visibility of the component
onClose		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

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.

SidePanelPanelProps

& & {...}

Name	Type	Description
onOutsideClick	(e: React.SyntheticEvent) => void	Callback that is triggered when click outside is occured

SidePanel.Close

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

This is a wrap over the Box component.