SelectScrollDownButton() — ui Function Reference

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

Function tsx ComponentRegistry ChartRegistry

Entity Profile

ComponentRegistry→ ChartRegistry→ SelectScrollDownButton() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/radix/ui/select.tsx lines 183–202

function SelectScrollDownButton({
  className,
  ...props
}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {
  return (
    <SelectPrimitive.ScrollDownButton
      data-slot="select-scroll-down-button"
      className={cn("cn-select-scroll-down-button", className)}
      {...props}
    >
      <IconPlaceholder
        lucide="ChevronDownIcon"
        tabler="IconChevronDown"
        hugeicons="ArrowDown01Icon"
        phosphor="CaretDownIcon"
        remixicon="RiArrowDownSLine"
      />
    </SelectPrimitive.ScrollDownButton>
  )
}