Mention input

A textarea with @-mention suggestions.

import { BuiMentionInput } from 'ng-blatui';

<bui-mention-input [(value)]="text" [mentions]="people" />

Prefilled

<bui-mention-input [value]="'Thanks @ada for the review!'" [mentions]="people" />

Prop	Type	Default	Description
`mentions`	`readonly Mention[]`	`[]`	Mentions offered when the trigger character is typed.
`trigger`	`string`	`'@'`	Character that opens the mention suggestion list.
`placeholder`	`string`	`'Type @ to mention…'`	Placeholder text for the textarea.
`rows`	`number`	`3`	Number of visible textarea rows.
`name`	`string`	`''`	Native `name` attribute for the textarea.

Bind with [(name)], or one-way as an input.

Prop	Type	Default	Description
`value`	`string`	`''`	Textarea contents. Two-way bindable with `[(value)]`.

Mention

Field	Type	Description
`value`	`string`	Identifier for the mention.
`label`	`string`	Text shown in the suggestion list and inserted into the textarea.

Every ng-blatui component also accepts a class input to merge extra Tailwind classes onto the host.