Side Sheets

A set of trigger buttons that open sliding sheet panels from the right, left, top, or bottom edge of the screen.

Built with React and Tailwind. Copy the prompt and paste it into Claude Code, Cursor or Lovable: your agent adds Side Sheets to your project and fits it to your theme.

import VSheet3 from "@/components/ui/v-sheet-3";

export default function Default() {
  return (
    <div className="flex min-h-[420px] w-full items-center justify-center p-8">
      <VSheet3 />
    </div>
  );
}