UNPKG

@neynar/ui

Version:

React UI component library built on shadcn/ui and Tailwind CSS

45 lines (36 loc) 1.1 kB
# SelectScrollDownButton **Type**: component SelectScrollDownButton - Scroll button for navigating down in long lists Appears at the bottom of the dropdown when there are more items below the visible area. Built on Radix UI Select.ScrollDownButton with chevron icon and hover states. Automatically shows/hides based on scroll position. ## JSX Usage ```jsx import { SelectScrollDownButton } from '@neynar/ui'; <SelectScrollDownButton asChild={true} /> ``` ## Component Props ### asChild - **Type**: `boolean` - **Required**: No - **Description**: No description available ## Examples ### Example 1 ```tsx // Automatically included in SelectContent <SelectContent> // ScrollUpButton appears here when needed <SelectItem value="1">Item 1</SelectItem> // ... many items ... <SelectItem value="100">Item 100</SelectItem> // ScrollDownButton appears here when needed </SelectContent> ``` ### Example 2 ```tsx // Custom scroll button using asChild <SelectScrollDownButton asChild> <button className="custom-scroll-styles"> <CustomDownIcon /> </button> </SelectScrollDownButton> ```