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 klass / spinnerKlass for theming.

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.

klass / spinnerKlass

Extra classes for the button and for the loading spinner.