PresetShare() — ui Function Reference

Architecture documentation for the PresetShare() function in preset-share.tsx from the ui codebase.

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ PresetShare() — ui Function Reference

Dependency Diagram

graph TD
  5f893c86_d96f_3999_bd03_bd5394163037["PresetShare()"]
  25b6c8d2_fbc1_0fd0_7e92_3936ae125594["preset-share.tsx"]
  5f893c86_d96f_3999_bd03_bd5394163037 -->|defined in| 25b6c8d2_fbc1_0fd0_7e92_3936ae125594
  style 5f893c86_d96f_3999_bd03_bd5394163037 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

deprecated/www/app/(app)/examples/playground/components/preset-share.tsx lines 12–46

export function PresetShare() {
  return (
    <Popover>
      <PopoverTrigger asChild>
        <Button variant="secondary">Share</Button>
      </PopoverTrigger>
      <PopoverContent align="end" className="w-[520px]">
        <div className="flex flex-col space-y-2 text-center sm:text-left">
          <h3 className="text-lg font-semibold">Share preset</h3>
          <p className="text-sm text-muted-foreground">
            Anyone who has this link and an OpenAI account will be able to view
            this.
          </p>
        </div>
        <div className="flex items-center space-x-2 pt-4">
          <div className="grid flex-1 gap-2">
            <Label htmlFor="link" className="sr-only">
              Link
            </Label>
            <Input
              id="link"
              defaultValue="https://platform.openai.com/playground/p/7bbKYQvsVkNmVb8NGcdUOLae?model=text-davinci-003"
              readOnly
              className="h-9"
            />
          </div>
          <Button type="submit" size="sm" className="px-3">
            <span className="sr-only">Copy</span>
            <Copy />
          </Button>
        </div>
      </PopoverContent>
    </Popover>
  )
}