skeleton

1import { computed, Directive, input } from '@angular/core'
2 
3import { cn } from '~/lib/utils'
4 
5@Directive({
6  selector: '[ubSkeleton]',
7  standalone: true,
8  host: {
9    '[class]': 'computedClass()',
10  },
11})
12export class UbSkeletonDirective {
13  readonly class = input<string>()
14  protected computedClass = computed(() =>
15    cn('animate-pulse rounded-md bg-primary/10', this.class()),
16  )
17}