SelectScrollUpButton() — ui Function Reference

Architecture documentation for the SelectScrollUpButton() function in select.tsx from the ui codebase.

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SelectScrollUpButton() — ui Function Reference

Dependency Diagram

graph TD
  94d73bec_e699_f42c_9f6c_12729b2935c0["SelectScrollUpButton()"]
  cc5a2b93_5022_c511_3ed0_25dd5a152de0["select.tsx"]
  94d73bec_e699_f42c_9f6c_12729b2935c0 -->|defined in| cc5a2b93_5022_c511_3ed0_25dd5a152de0
  style 94d73bec_e699_f42c_9f6c_12729b2935c0 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/select.tsx lines 162–181

function SelectScrollUpButton({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {
  return (
    <SelectPrimitive.ScrollUpButton
      data-slot="select-scroll-up-button"
      className={cn("cn-select-scroll-up-button", className)}
      {...props}
    >
      <IconPlaceholder
        lucide="ChevronUpIcon"
        tabler="IconChevronUp"
        hugeicons="ArrowUp01Icon"
        phosphor="CaretUpIcon"
        remixicon="RiArrowUpSLine"
      />
    </SelectPrimitive.ScrollUpButton>
  )
}