@neynar/ui/llm-docs/accordion-item.llm.md

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

# AccordionItem

**Type**: component

AccordionItem - Individual collapsible panel within an accordion A container component that wraps a single accordion section consisting of a trigger and collapsible content. Each item requires a unique value prop for identification and state management. Provides consistent spacing and border styling.

## JSX Usage

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

<AccordionItem
  value="value"
  disabled={true}
  className="value"
>
  {/* Your content here */}
</AccordionItem>
```

## Component Props

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

### disabled
- **Type**: `boolean`
- **Required**: No
- **Description**: No description available

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

### children
- **Type**: `React.ReactNode`
- **Required**: No
- **Description**: No description available

## Examples

### Example 1
```tsx
<AccordionItem value="settings">
  <AccordionTrigger>Account Settings</AccordionTrigger>
  <AccordionContent>
    <p>Manage your account preferences and security settings.</p>
  </AccordionContent>
</AccordionItem>
```
### Example 2
```tsx
// With custom styling
<AccordionItem value="custom" className="border-l-4 border-blue-500">
  <AccordionTrigger>Custom Styled Item</AccordionTrigger>
  <AccordionContent>Content with custom left border</AccordionContent>
</AccordionItem>
```