TailNG — Angular UI with Tailwind

Overview

tng-button is a button component with variant (solid, outline, ghost), size (sm, md, lg), disabled, loading, block, and optional slot for micro styling (button, spinner).

Quick example

Basic

HTML

CSS


<div class="flex flex-wrap gap-3">
  <tng-button variant="solid">Solid</tng-button>
  <tng-button variant="outline">Outline</tng-button>
  <tng-button variant="ghost">Ghost</tng-button>
</div>


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

Features

variant / size

variant: solid, outline, ghost. size: sm, md, lg.

loading / block

loading shows a spinner; block makes the button full width.

slot

Slot-based micro styling: button (root), spinner (loading).