SlideOver

import { SlideOver } from '@hanzo/ui/product'

Types

export type SlideOverProps = {
  open: boolean
  onClose: () => void
  /** Which edge the panel slides from. Default right. */
  side?: 'right' | 'left'
  /** Panel width at lg+ (px). Below lg it is always full-screen. Default 420. */
  size?: number
  /** Optional header title — when set, SlideOver renders a header + a scroll body. */
  title?: ReactNode
  /** Optional header icon (tinted with `iconColor`). */
  icon?: IconLike
  iconColor?: string
  /** Extra header content, right-aligned before the close button. */
  headerRight?: ReactNode
  /** Accessible label when no visible title is given. */
  ariaLabel?: string
  /** z-index for stacking (a pane opened over a drawer passes a higher value). */
  zIndex?: number
  children: ReactNode
}

Exports