UNPKG

@neynar/ui

Version:

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

45 lines (36 loc) 1.08 kB
# SelectScrollUpButton **Type**: component SelectScrollUpButton - Scroll button for navigating up in long lists Appears at the top of the dropdown when there are more items above the visible area. Built on Radix UI Select.ScrollUpButton with chevron icon and hover states. Automatically shows/hides based on scroll position. ## JSX Usage ```jsx import { SelectScrollUpButton } from '@neynar/ui'; <SelectScrollUpButton 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 <SelectScrollUpButton asChild> <button className="custom-scroll-styles"> <CustomUpIcon /> </button> </SelectScrollUpButton> ```