uncover-co/elm-widgets/2.28.0

W.Skeleton

view : List (Attribute msg) -> Html msg
-- skeleton with default size
W.Skeleton.view [] []


-- skeleton with custom size
W.Skeleton.view [ W.Skeleton.width 100, W.Skeleton.height 100 ] []


-- skeleton with custom size and no animation
W.Skeleton.view [ W.Skeleton.width 100, W.Skeleton.height 100, W.Skeleton.noAnimation ] []

Sizing

width : Int -> Attribute msg

Sets the width of the skeleton element in pixels.

height : Int -> Attribute msg

Sets the height of the skeleton element in pixels.

relativeWidth : Float -> Attribute msg

Sets the width of the skeleton element as a percentage of its parent element.

relativeHeight : Float -> Attribute msg

Sets the height of the skeleton element as a percentage of its parent element.

Styles

circle : Int -> Attribute msg

Makes the skeleton element a circle with the specified size in pixels.

Disables the animation of the skeleton element.

Html

htmlAttrs : List (Attribute msg) -> Attribute msg
type Attribute msg