RepositoryToolbar() — ui Function Reference

Architecture documentation for the RepositoryToolbar() function in github.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ RepositoryToolbar() — ui Function Reference

Dependency Diagram

graph TD
  f602f082_ce2a_0ee9_9feb_120888145459["RepositoryToolbar()"]
  37b4caef_d1dd_c771_008d_90d0735aa244["github.tsx"]
  f602f082_ce2a_0ee9_9feb_120888145459 -->|defined in| 37b4caef_d1dd_c771_008d_90d0735aa244
  style f602f082_ce2a_0ee9_9feb_120888145459 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/blocks/github.tsx lines 483–707

function RepositoryToolbar() {
  const [selectedBranch, setSelectedBranch] = React.useState("main")
  return (
    <Example title="Repository Toolbar">
      <div className="flex items-center gap-2">
        <InputGroup>
          <InputGroupInput placeholder="Go to file" />
          <InputGroupAddon align="inline-start">
            <InputGroupButton variant="ghost" size="icon-xs">
              <IconPlaceholder
                lucide="SearchIcon"
                tabler="IconSearch"
                hugeicons="SearchIcon"
                phosphor="MagnifyingGlassIcon"
                remixicon="RiSearchLine"
              />
            </InputGroupButton>
          </InputGroupAddon>
          <InputGroupAddon align="inline-end">
            <Kbd>t</Kbd>
          </InputGroupAddon>
        </InputGroup>
        <DropdownMenu>
          <DropdownMenuTrigger asChild>
            <Button variant="outline">
              Add File
              <IconPlaceholder
                lucide="ChevronDownIcon"
                tabler="IconChevronDown"
                hugeicons="ArrowDown01Icon"
                phosphor="CaretDownIcon"
                remixicon="RiArrowDownSLine"
                data-icon="inline-end"
              />
            </Button>
          </DropdownMenuTrigger>
          <DropdownMenuContent align="end">
            <DropdownMenuItem>
              <IconPlaceholder
                lucide="PlusIcon"
                tabler="IconPlus"
                hugeicons="PlusSignIcon"
                phosphor="PlusIcon"
                remixicon="RiAddLine"
              />
              Create new file
            </DropdownMenuItem>
            <DropdownMenuItem>
              <IconPlaceholder
                lucide="UploadIcon"
                hugeicons="Upload01Icon"
                tabler="IconUpload"
                phosphor="UploadIcon"
                remixicon="RiUploadLine"
              />
              Upload files
            </DropdownMenuItem>
          </DropdownMenuContent>
        </DropdownMenu>
        <Popover>
          <Tooltip>
            <TooltipTrigger asChild>
              <PopoverTrigger asChild>
                <Button variant="outline" size="icon">
                  <IconPlaceholder
                    lucide="CloudCogIcon"
                    hugeicons="AiCloud01Icon"
                    tabler="IconCloudCog"
                    phosphor="CloudArrowUpIcon"
                    remixicon="RiUploadCloudLine"
                  />
                </Button>
              </PopoverTrigger>
            </TooltipTrigger>
            <TooltipContent>New Agent Task</TooltipContent>
          </Tooltip>
          <PopoverContent
            className="w-80"
            onCloseAutoFocus={(e) => e.preventDefault()}
          >
            <Field>