uncover-co / elm-widgets / 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 : Basics.Int -> Attribute msg

Sets the width of the skeleton element in pixels.

height : Basics.Int -> Attribute msg

Sets the height of the skeleton element in pixels.

relativeWidth : Basics.Float -> Attribute msg

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

relativeHeight : Basics.Float -> Attribute msg

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

Styles

circle : Basics.Int -> Attribute msg

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

noAnimation : Attribute msg

Disables the animation of the skeleton element.

Html

htmlAttrs : List (Html.Attribute msg) -> Attribute msg

noAttr : Attribute msg


type Attribute msg