textarea

1import { computed, Directive, input } from '@angular/core'
2 
3import { cn } from '~/lib/utils'
4 
5@Directive({
6  standalone: true,
7  selector: '[ubTextarea]',
8  host: {
9    '[class]': 'computedClass()',
10  },
11})
12export class UbTextAreaDirective {
13  class = input<string>()
14  computedClass = computed(() =>
15    cn('flex min-h-[60px] w-full rounded-md border border-input bg-transparent px-3 py-2 text-base shadow-sm placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', this.class()),
16  )
17}