docs

API reference

tngPress is a host-normalization directive for button-like interaction. It does not own state or emit custom events; it just makes the host behave like a proper press target.

Directive selector

The primitive attaches only to button[tngPress] and a[tngPress]. That keeps the semantics tight and avoids pretending arbitrary elements are buttons.

<button tngPress type="button">Press host</button>
<a tngPress>Anchor button host</a>

Inputs and attrs

Input	Type	Notes
`type`	`'button' \| 'submit' \| 'reset'`	Applied only when the host is a native button element.
`disabled`	`boolean`	Blocks click and keyboard activation and reflects disabled host attrs.
`ariaPressed`, `ariaExpanded`	`boolean \| null`	Nullable coercion to ARIA boolean attributes.
`ariaHasPopup`	`'menu' \| 'dialog' \| 'listbox' \| 'grid' \| 'tree' \| 'true' \| 'false'`	Normalized allowed popup values only.
`ariaControls`	`string \| null`	Trimmed to `null` when empty or whitespace.

Host normalization

On anchors without href, the primitive adds role="button", normalizes Enter and Space activation, and manages tabindex based on disabled state. On native buttons, it forwards type and disabled.

<a
  tngPress
  [ariaHasPopup]="'menu'"
  [ariaExpanded]="open()"
  [ariaControls]="'release-actions'"
  [disabled]="isDisabled()"
>
  Release actions
</a>

<div id="release-actions" [hidden]="!open()">...</div>

API reference

Directive selector

Supported hosts

Inputs and attrs

Host normalization

Disclosure anchor