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

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

# SidebarFooter

**Type**: component

Footer section container for sidebar content A container positioned at the bottom of the sidebar for footer content such as user profiles, settings links, logout buttons, or help resources. The footer remains anchored to the bottom regardless of content height.

## JSX Usage

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

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

## Component Props

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

## Examples

### Example 1
```tsx
// Simple footer with settings link
<SidebarFooter>
  <SidebarMenu>
    <SidebarMenuItem>
      <SidebarMenuButton>
        <Settings />
        <span>Settings</span>
      </SidebarMenuButton>
    </SidebarMenuItem>
  </SidebarMenu>
</SidebarFooter>
```
### Example 2
```tsx
// Footer with user profile and actions
<SidebarFooter>
  <SidebarMenu>
    <SidebarMenuItem>
      <SidebarMenuButton>
        <Avatar className="h-6 w-6" />
        <div className="flex flex-col text-left">
          <span className="text-sm">John Doe</span>
          <span className="text-xs text-muted-foreground">john