Brand Skeleton
<brand-skeleton> wraps Shoelace's <sl-skeleton>. Size via width / height on the host; animate with effect.
Effects
Paragraph placeholder
Avatar + line placeholder
Usage
import { BrandSkeleton } from '@brandos/ui';
<brand-skeleton style="width: 100%; height: 1rem;"></brand-skeleton>
<brand-skeleton effect="pulse" style="width: 3rem; height: 3rem; border-radius: 50%;"></brand-skeleton>
<brand-skeleton effect="sheen" style="width: 60%; height: 0.75rem;"></brand-skeleton>