ButtonX Core

A simple preset directive to configure a cleaner/close button, used in textfields, dialogs etc.

Basic

    
      <button tuiButtonX>Close</button>

<button
    appearance="action"
    tuiButtonX
>
    Close
</button>

<button
    size="xs"
    tuiButtonX
>
    Close
</button>

<button
    appearance="icon"
    size="xs"
    tuiButtonX
>
    Close
</button>

    
      :host {
    display: flex;
    gap: 1rem;
}

Taiga UI

GitHub StackBlitz