# Help center

A help center with instant search, topic cards, and popular articles that open into a readable article with an outline and feedback.

- ID: `help-center`
- Import: `animui/help-center`
- Category: block
- Runtime exports: `HelpCenter`
- Declaration: `types/pro/help-center.d.ts`
- Type provenance: reconstructed-from-docs-and-runtime
- Related: docs-sidebar, faq-section, support-widget, support-conversation

```tsx
import { HelpCenter } from 'animui/help-center';
```

This import example is not a complete render recipe: read the declaration below and its local references for required props, data, callbacks and provider context. Use `animui info help-center` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
/** Reconstructed from saved Arc documentation and runtime binding evidence; original TypeScript source was unavailable. */
import type { ComponentType, ReactNode, CSSProperties, Ref, ButtonHTMLAttributes, HTMLAttributes, ReactElement } from 'react';

export interface HelpCenterProps {
  articles?: string | number | boolean | ReactNode;
  categories?: string | number | boolean | ReactNode;
  brand?: string | number | boolean | ReactNode;
  heading?: string | number | boolean | ReactNode;
  defaultArticleId?: string;
  search?: string | number | boolean | ReactNode;
  onFeedback?: () => void;
  onContact?: () => void;
  onArticleOpen?: () => void;
  suggestions?: string | number | boolean | ReactNode;
  className?: string;
}

export declare const HelpCenter: ComponentType<HelpCenterProps>;

export default HelpCenter;
```