Tags input

Type to add removable tag chips.

angular signals

import { BuiTagsInput } from 'ng-blatui';

<bui-tags-input [(tags)]="tags" />

Max tags

Design

<bui-tags-input [tags]="['Design']" [max]="3" placeholder="Up to 3 tags…" />

Read-only Tags

<bui-tags-input [tags]="['Read-only', 'Tags']" [disabled]="true" />

design frontend accessibility ssr

<bui-tags-input [(tags)]="tags" />
// tags = signal(['design', 'frontend', 'accessibility'])

Prop	Type	Default	Description
`placeholder`	`string`	`'Add tag…'`	Placeholder text shown in the entry field.
`max`	`number \| null`	`null`	Maximum number of tags allowed, or `null` for no limit.

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

Prop	Type	Default	Description
`tags`	`string[]`	`[]`	Current tags. Two-way bindable with `[(tags)]`.
`disabled`	`boolean`	`false`	Whether the input is disabled. Two-way bindable with `[(disabled)]`.

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