Overview
tng-tag is a simple tag for labels, categories, or status. It supports label, color (default, primary, success, danger), disabled, and slot-based micro styling for the container.
Quick example
Basic
<tng-tag label="Default" color="default"></tng-tag>
<tng-tag label="Primary" color="primary"></tng-tag>
<tng-tag label="Success" color="success"></tng-tag>
<tng-tag label="Danger" color="danger"></tng-tag>
import { TngTag } from '@tailng-ui/ui/primitives';Features
color
default, primary, success, danger. Each variant has its own background and text styles.
disabled
Reduced opacity and cursor when [disabled]="true".
slot
Slot-based micro styling: container (root span).