SUSupaUI

Overlays

Sheet

Side panel on Radix Dialog. Top / bottom / left / right with a pixel grip handle that signals draggability without breaking voice.

Install

bash
npx shadcn@latest add https://supaui.dev/r/sheet.json

Usage

API

  • SheetContent.side — top · bottom · left · right (default).
  • Pixel grip rendered automatically — horizontal row on top/bottom, vertical column on left/right.
  • Mirrors @radix-ui/react-dialog.