<tyro-ui-skeleton>
Skeleton
Loading placeholder with shimmer animation - 3 variants:
rect, text, circle. Supports [count] to repeat rows. Text
Multiple text lines - [count]
Card skeleton
Avatar + content composition
Rect
Image / block placeholder
Circle
Avatar placeholder - multiple sizes
Inputs
Property | Type | Default | Description |
|---|---|---|---|
[variant] | 'rect' | 'text' | 'circle' | 'rect' | Predefined shape |
[width] | string (CSS) | '100%' | Element width |
[height] | string (CSS) | '16px' | Element height |
[borderRadius] | string (CSS) | - | Border radius - overrides variant default |
[count] | number | 1 | Number of repeated rows |