Skeleton
Extended from PrimeVue Skeleton and Bootstrap Skeleton styles
Basic examples
Wave animation:
Fade animation:
Helper components
Skeleton image
Skeleton wrapper
EsSkeleton props
- Name
animation
- Type
String
- Default
wave
- Description
- Options are 'wave', 'fade', or 'none'
- Name
height
- Type
String
- Default
1rem
- Description
- Manually set height
- Name
width
- Type
String
- Default
auto
- Description
- Manually set width
- Name
size
- Type
String
- Default
null
- Description
- Manually set width and height, overriding 'height' and 'width' props
EsSkeletonImg props
- Name
animation
- Type
String
- Default
wave
- Description
- Options are 'wave', 'fade', or 'none'
- Name
aspect
- Type
String
- Default
16:9
- Description
- Adds a container around the skeleton image with given aspect ratio
- Name
height
- Type
String
- Default
1rem
- Description
- Manually set height
- Name
noAspect
- Type
Boolean
- Default
false
- Description
- Override the default aspect ratio and height, width, or size
- Name
size
- Type
String
- Default
null
- Description
- Manually set width and height, overriding 'height' and 'width' props
- Name
width
- Type
String
- Default
auto
- Description
- Manually set width
EsSkeletonWrapper props
- Name
loading
- Type
Boolean
- Default
false
- Description
- Determines whether to show loading template or default content