Skip to content
Navigation

Label

Added 14 October 2026

React

Codecomponents/react/label-demo.tsx
import {Label} from '@stroeer-labs/design-library/react';

export function LabelDemo() {
    return (
        <div className="space-y-6">
            <div className="space-y-2">
                <p className="text-xs font-medium text-muted-foreground">Label</p>
                <Label>Start date</Label>
            </div>
        </div>
    );
}

Angular

Codecomponents/angular/label-demo.ts
import {Component} from '@angular/core';
import {HlmLabelImports} from '@stroeer-labs/design-library/angular';

@Component({
    selector: 'dl-label-demo',
    standalone: true,
    imports: [HlmLabelImports],
    template: `
    <div class="space-y-6">
      <div class="space-y-2">
        <p class="text-xs font-medium text-muted-foreground">Label</p>
        <label hlmLabel>Start date</label>
      </div>
    </div>
  `,
})
export class LabelDemoComponent {}