API reference
Headless Tag is split into the root tngTag directive plus optional tngTagIcon and tngTagClose parts.
Directive selector
Apply tngTag to the element that represents the tag. Add tngTagIcon for decorative leading content and tngTagClose only when the tag is removable.
Tag inputs and output
| Name | Type | Default | Notes |
|---|---|---|---|
tngTagDisabled | boolean | false | Marks the tag disabled and prevents remove requests. |
tngTagRemovable | boolean | false | Enables removable behavior for a nested tngTagClose. |
tngTagLabel | string | null | null | Source label used for the default close-button accessible name. |
(tngTagRemoved) | void | — | Emitted only when a remove request is accepted. |
Close action
| Name | Type | Default | Notes |
|---|---|---|---|
tngTagCloseAriaLabel | string | null | null | Explicitly overrides the generated remove label. |
| Keyboard | Enter / Space | enabled | Triggers remove when the parent tag is removable. |
| Host support | button or focusable element | — | Real buttons are preferred, but the directive can decorate another focusable host. |