label

1import { computed, Directive, input } from '@angular/core'
2 
3import { RdxLabelDirective } from '@radix-ng/primitives/label'
4import { cva } from 'class-variance-authority'
5 
6import { cn } from '~/lib/utils'
7 
8const labelVariants = cva(
9  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
10)
11 
12@Directive({
13  selector: '[ubLabel]',
14  standalone: true,
15  hostDirectives: [
16    {
17      directive: RdxLabelDirective,
18      inputs: ['htmlFor'],
19    },
20  ],
21  host: {
22    '[class]': 'computedClass()',
23  },
24})
25export class UbLabelDirective {
26  readonly class = input<string>('')
27  protected computedClass = computed(() => cn(labelVariants(), this.class()))
28}