GPT

✅ Sidebar Component

import { Button } from "@/components/ui"; export function Sidebar({ open, setOpen }) { return ( Sidebar setOpen(!open)}Toggle Sidebar ); }

Prompt text

Original English text. Replace placeholders with your own details.

import { Button } from "@/components/ui";

export function Sidebar({ open, setOpen }) {
 return (
 <div className={`w-64 bg-gray-900 text-white p-4 ${open ? "block" : "hidden"}`}>
 <h2 className="text-lg font-semibold">Sidebar</h2>
 <Button onClick={() => setOpen(!open)}>Toggle Sidebar</Button>
 </div>
 );
}

Source & attribution

Instructa AI Prompts · Instructa AI Prompts

Source-listed license: CC-BY-4.0. Prompt text is preserved; titles and previews may be shortened for display. Source examples are not NexGateHub test results.

View original source ↗ · Source credits & licenses

Explore more prompts →