@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
45 lines (36 loc) • 1.08 kB
Markdown
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
import { SelectScrollUpButton } from '@neynar/ui';
<SelectScrollUpButton
asChild={true}
/>
```
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available
```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>
```
```tsx
// Custom scroll button using asChild
<SelectScrollUpButton asChild>
<button className="custom-scroll-styles">
<CustomUpIcon />
</button>
</SelectScrollUpButton>
```
**Type**: component
SelectScrollUpButton - Scroll button