mirror of
https://github.com/supabase/supabase.git
synced 2026-10-17 15:19:08 +03:00
b8243e06d8
* init site * add nav menu * add props table component * init all the examples • also includes moving a bunch of ./ui files to ./ui-patterns * update package • might need to remove some of these * Update rehype-component.ts * move nav * more changes * add new source information to contentlayer * fix copy buttons * add text-confirm. start new concept of "fragments" * move base path. add homepage. add theme selection * added colors * add form-item-layout * temporary fix code blocks in light mode. they currently don't switch theme to theme * start adding code themes * Update dark.json * update code block themes * fix animations * add cdmk search * export registry of icons in ./icons package * add comments * add icon copy stuff * Update icons.tsx * more docs * more docs. cleaned up colors and icons docs * Update theming.mdx * add more docs * update * add package * Update tailwind.config.js * update content * Update drawer-demo.tsx * Update aspect-ratio-demo.tsx * add new blocks * Update source-panel.tsx * Update source-panel.tsx * Update source-panel.tsx * add new source block * Update source-panel.tsx * Update _app.tsx * Update page.tsx * Delete layout-old.tsx * remove old themes * remove old ui registry * comment out nav items * Update package-lock.json * Update AssistantChatForm.tsx * move back * move again * update * Update index.tsx * Update package-lock.json * Update package-lock.json * Update package-lock.json * update package * udpate prettier * fix tag issues * Update package-lock.json * update to contentlayer2 * update package-lock.json * fix type errors * ignore spelling * Update avoid-typos.yml * Update avoid-typos.yml * Update package-lock.json * Use ui type definitions. * move tsconfig base stuff. fix content layer issue * Update package-lock.json * Update package-lock.json --------- Co-authored-by: Alaister Young <a@alaisteryoung.com> Co-authored-by: Ivan Vasilov <vasilov.ivan@gmail.com>
41 lines
1.8 KiB
TypeScript
41 lines
1.8 KiB
TypeScript
import { Button } from 'ui'
|
|
import { Input_Shadcn_ } from 'ui'
|
|
import { Label_Shadcn_ } from 'ui'
|
|
import { Popover_Shadcn_, PopoverContent_Shadcn_, PopoverTrigger_Shadcn_ } from 'ui'
|
|
|
|
export default function PopoverDemo() {
|
|
return (
|
|
<Popover_Shadcn_>
|
|
<PopoverTrigger_Shadcn_ asChild>
|
|
<Button type="outline">Open popover</Button>
|
|
</PopoverTrigger_Shadcn_>
|
|
<PopoverContent_Shadcn_ className="w-80">
|
|
<div className="grid gap-4">
|
|
<div className="space-y-2">
|
|
<h4 className="font-medium leading-none">Dimensions</h4>
|
|
<p className="text-sm text-muted-foreground">Set the dimensions for the layer.</p>
|
|
</div>
|
|
<div className="grid gap-2">
|
|
<div className="grid grid-cols-3 items-center gap-4">
|
|
<Label_Shadcn_ htmlFor="width">Width</Label_Shadcn_>
|
|
<Input_Shadcn_ id="width" defaultValue="100%" className="col-span-2 h-8" />
|
|
</div>
|
|
<div className="grid grid-cols-3 items-center gap-4">
|
|
<Label_Shadcn_ htmlFor="maxWidth">Max. width</Label_Shadcn_>
|
|
<Input_Shadcn_ id="maxWidth" defaultValue="300px" className="col-span-2 h-8" />
|
|
</div>
|
|
<div className="grid grid-cols-3 items-center gap-4">
|
|
<Label_Shadcn_ htmlFor="height">Height</Label_Shadcn_>
|
|
<Input_Shadcn_ id="height" defaultValue="25px" className="col-span-2 h-8" />
|
|
</div>
|
|
<div className="grid grid-cols-3 items-center gap-4">
|
|
<Label_Shadcn_ htmlFor="maxHeight">Max. height</Label_Shadcn_>
|
|
<Input_Shadcn_ id="maxHeight" defaultValue="none" className="col-span-2 h-8" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</PopoverContent_Shadcn_>
|
|
</Popover_Shadcn_>
|
|
)
|
|
}
|