Imports

Use the directive directly when you want full control over the host element and visuals.

import { TngPress } from '@tailng-ui/primitives';

Basic usage

The primitive adds the right host attributes for disabled, pressed, expanded, and popup states, while leaving the click handling entirely up to you.

<button
  tngPress
  type="button"
  [ariaPressed]="isActive()"
  (click)="isActive.set(!isActive())"
>
  Toggle state
</button>

Accessibility baseline

• Use a native button when you can. The primitive only normalizes anchors when you need them.
• Anchors without href automatically receive role="button" and keyboard activation.
• Disabled anchors get aria-disabled="true" and are removed from tab order.