@neynar/ui
Version:
React UI component library built on shadcn/ui and Tailwind CSS
45 lines (36 loc) • 1.1 kB
Markdown
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
import { SelectScrollDownButton } from '@neynar/ui';
<SelectScrollDownButton
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
<SelectScrollDownButton asChild>
<button className="custom-scroll-styles">
<CustomDownIcon />
</button>
</SelectScrollDownButton>
```
**Type**: component
SelectScrollDownButton - Scroll button