Skeleton
Reserve content space while data is loading.
Preview
Loading avatar
Loading content
Loading content
Example
<.skeleton class="h-24 w-full" label="Loading account summary" />API contract
skeleton/1 uses declared Phoenix attributes and slots. This table is generated from the compiled component metadata.
| Attribute | Type | Required | Default | Accepted values |
|---|---|---|---|---|
label |
:string |
No | "Loading content" |
Any value matching the declared type |
text |
:boolean |
No | false |
Any value matching the declared type |
class |
:any |
No | "h-20 w-full" |
Any value matching the declared type |
States and behavior
Semantic text accompanies visual treatment so status is not conveyed through color or motion alone.
Keyboard and accessibility
The component itself does not add a keyboard interaction. Any slotted action must remain a labelled native control.