Label

Gives the label a distinct look.

Accept terms and conditions

import { Component } from '@angular/core';
import { HlmCheckboxImports } from '@spartan-ng/helm/checkbox';
import { HlmLabelImports } from '@spartan-ng/helm/label';

@Component({
	selector: 'spartan-label-preview',
	imports: [HlmLabelImports, HlmCheckboxImports],
	template: `
		<div>
			<div class="flex items-center gap-2">
				<hlm-checkbox id="terms" />
				<label hlmLabel for="terms">Accept terms and conditions</label>
			</div>
		</div>
	`,
})
export class LabelPreview {}

Installation

ng g @spartan-ng/cli:ui label

Usage

import { HlmLabelImports } from '@spartan-ng/helm/label';

<label hlmLabel>Label</label>

Brain API

BrnLabel

Selector: [brnLabel]

Inputs

Prop	Type	Default	Description
id	string	`brn-label-${++nextId}`	-

Helm API

HlmLabel

Selector: [hlmLabel]

Inputs

Prop	Type	Default	Description
class	ClassValue	-	-

Menubar

Kbd

On This Page

Stop configuring. Start shipping.

Zerops powers spartan.ng and Angular teams worldwide.

One-command deployment. Zero infrastructure headaches.