@neynar/ui/llm-docs/tabs-content.llm.md

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

# TabsContent

**Type**: component

Content panel that displays when its associated tab trigger is active. Each content panel is linked to a specific trigger via the `value` prop. Only one content panel is visible at a time, creating a clean tabbed interface. The component handles enter/exit animations and proper focus management when tabs change.

## JSX Usage

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

<TabsContent
  value="value"
  forceMount={true}
  className="value"
  asChild={true}
>
  {/* Your content here */}
</TabsContent>
```

## Component Props

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

### forceMount
- **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

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