Spartans get ready! v1 is coming!

We are very close to our first stable release. Expect more announcements in the coming weeks. v1 was made possible by our partner Zerops.

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 space-x-2">
				<hlm-checkbox id="terms" />
				<label hlmLabel for="terms">Accept terms and conditions</label>
			</div>
		</div>
	`,
})
export class LabelPreview {}

Installation

npx nx 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