StippleUI.Skeletons.skeleton - Function
skeleton(args...; kwargs...)
The skeleton
is a component for displaying a placeholder preview of your content before you load the actual page data. It’s a nice way of informing the user of what to expect from the page before it is fully loaded and increases the perceived performance. It can be used to incrementally display information on screen as data is being fetched.
Examples
View
julia> skeleton(type="QAvatar")
])
Arguments
- Content
tag::String
- HTML tag to render. Defaults to"div"
. Examples"div"
"span"
type::String
- Type of skeleton placeholder. Defaults to"rect"
. Accepted values are"rect"
"circle"
"QBadge"
"QChip"
"QRadio"
etc
- Style
dark::Bool
- Whether to use a dark skeleton.animation::String
- The animation effect of the skeleton placeholder. Defaults:"wave"
| Examples."pulse"
"fade"
"blink"
"none"
"pulse-x"
square::Bool
- Removes border-radius so borders are squaredbordered::Bool
- Applies a default border to the componentsize::String
- Size in CSS units, including unit name; Overrides 'height' and 'width' props and applies the value to both height and widthwidth::String
- Width in CSS units, including unit name; Apply custom width; Use this prop or through CSS; Overridden by 'size' prop if usedheight::String
- Height in CSS units, including unit name; Apply custom height; Use this prop or through CSS; Overridden by 'size' prop if used. Examples"16px"
"2em"