PureKit UI logoPureKit UI

Drawer

Slide-in panel for additional content.

Basic

Simple drawer

Positions

Drawer positions

Profile Menu Drawer

Custom styled drawer for user profile menu

Main Props

NameTypeDefaultDescription
children
React.ReactNode-Content inside the drawer
actions
React.ReactNode-Element used to open the drawer
position
'left' | 'right' | 'top' | 'bottom''right'Drawer position
customClose
React.ReactNode-Custom close icon

Class Props

NameTypeDefaultDescription
className
string''Class for drawer container
classNameContent
string''Class for content wrapper
classNameAction
string''Class for action element
classNameWrapperClose
string''Class for close wrapper
classNameClose
string''Class for close button
classNameOverlay
string''Class for overlay