# Mention input

A textarea with @people and #channel mentions that act as single tokens, with suggestions at the caret.

- ID: `mention-input`
- Import: `animui/mention-input`
- Category: Inputs
- Runtime exports: `MentionInput`, `default`, `mentionText`, `serializeMentions`
- Declaration: `types/free/components/mention-input.d.ts`
- Type provenance: emitted-original-typescript
- Related: textarea, tag-input, combobox, chat-thread, rich-text-editor

```tsx
import { MentionInput } from 'animui/mention-input';
```

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 mention-input` to resolve the local declaration graph. Global setup is in `llms.txt`.

```ts
export { MentionInput, default, mentionText, serializeMentions } from '../registry/components/mention-input/mention-input.js';
export type { Mention, MentionChannel, MentionInputHandle, MentionInputProps, MentionKind, MentionPerson, MentionValue } from '../registry/components/mention-input/mention-input.js';
```