Label
Gives the label a distinct look.
import { Component } from '@angular/core';
import { HlmInputDirective } from '@spartan-ng/ui-input-helm';
import { HlmLabelDirective } from '@spartan-ng/ui-label-helm';
@Component({
selector: 'spartan-label-preview',
standalone: true,
imports: [HlmLabelDirective, HlmInputDirective],
template: `
<label hlmLabel>E-Mail
<input class='w-80' hlmInput type='email' placeholder='Email'/>
</label>
`,
})
export class LabelPreviewComponent {}
Installation
npx nx g @spartan-ng/cli:ui label
ng g @spartan-ng/cli:ui label
Usage
import { HlmLabelDirective } from '@spartan-ng/ui-label-helm';
<label hlmLabel>Label<input/></label>