Components
Loading preview...
Enhanced shadcn/ui popover
npx shadcn@latest add https://21st.dev/r/originui/popoverimport { Button } from "@/components/ui/button";
import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/popover";
import { Textarea } from "@/components/ui/textarea";
function Component() {
return (
<div className="flex flex-col gap-4">
<Popover>
<PopoverTrigger asChild>
<Button variant="outline">Feedback</Button>
</PopoverTrigger>
<PopoverContent className="w-72">
<h2 className="mb-2 text-sm font-semibold">Send us feedback</h2>
<form className="space-y-3">
<Textarea
id="feedback"
placeholder="How can we improve Origin UI?"
aria-label="Send feedback"
/>
<div className="flex flex-col sm:flex-row sm:justify-end">
<Button size="sm">Send feedback</Button>
</div>
</form>
</PopoverContent>
</Popover>
</div>
);
}
export { Component };