SelectScrollDownButton() — ui Function Reference

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

Function tsx ComponentRegistry UIPrimitives

Entity Profile

ComponentRegistry→ UIPrimitives→ SelectScrollDownButton() — ui Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

apps/v4/registry/bases/base/ui/select.tsx lines 188–207

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