DialogDemo() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/dialog-demo.tsx lines 16–44

export default function DialogDemo() {
  return (
    <Dialog>
      <DialogTrigger asChild>
        <Button type="default">Show Dialog</Button>
      </DialogTrigger>
      <DialogContent className="sm:max-w-[425px]">
        <DialogHeader>
          <DialogTitle>Edit profile</DialogTitle>
          <DialogDescription>Make changes to your profile here.</DialogDescription>
        </DialogHeader>
        <DialogSectionSeparator />
        <DialogSection className="space-y-4">
          <div>
            <Label_Shadcn_ htmlFor="name">Name</Label_Shadcn_>
            <Input_Shadcn_ id="name" defaultValue="Pedro Duarte" />
          </div>
          <div>
            <Label_Shadcn_ htmlFor="username">Username</Label_Shadcn_>
            <Input_Shadcn_ id="username" defaultValue="@peduarte" />
          </div>
        </DialogSection>
        <DialogFooter>
          <Button>Save changes</Button>
        </DialogFooter>
      </DialogContent>
    </Dialog>
  )
}