@neynar/ui/llm-docs/sidebar-input.llm.md

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

# SidebarInput

**Type**: component

Input component optimized for sidebar usage A pre-styled input field designed to integrate seamlessly within sidebar layouts. Commonly used for search functionality, filters, or other input needs within the sidebar context. Features appropriate sizing and styling for sidebar use.

## JSX Usage

```jsx
import { SidebarInput } from '@neynar/ui';

<SidebarInput
  className="value"
/>
```

## Component Props

### className
- **Type**: `string`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
// Search input in sidebar header
<SidebarHeader>
  <h2>Navigation</h2>
  <SidebarInput
    placeholder="Search..."
    onChange={(e) => handleSearch(e.target.value)}
  />
</SidebarHeader>
```
### Example 2
```tsx
// Filter input with icon
<SidebarGroup>
  <SidebarGroupLabel>Filter Options</SidebarGroupLabel>
  <SidebarGroupContent>
    <SidebarInput
      type="search"
      placeholder="Filter items"
      className="mb-2"
    />
  </SidebarGroupContent>
</SidebarGroup>
```