miniBill / elm-ui-with-context / Element.WithContext.Border

color : Element.WithContext.Color -> Element.WithContext.Attr context decorative msg

Border Widths

width : Basics.Int -> Element.WithContext.Attribute context msg

widthXY : Basics.Int -> Basics.Int -> Element.WithContext.Attribute context msg

Set horizontal and vertical borders.

widthEach : { bottom : Basics.Int, left : Basics.Int, right : Basics.Int, top : Basics.Int } -> Element.WithContext.Attribute context msg

Border Styles

solid : Element.WithContext.Attribute context msg

dashed : Element.WithContext.Attribute context msg

dotted : Element.WithContext.Attribute context msg

Rounded Corners

rounded : Basics.Int -> Element.WithContext.Attribute context msg

Round all corners.

roundEach : { topLeft : Basics.Int, topRight : Basics.Int, bottomLeft : Basics.Int, bottomRight : Basics.Int } -> Element.WithContext.Attribute context msg

Shadows

glow : Element.WithContext.Color -> Basics.Float -> Element.WithContext.Attr context decorative msg

A simple glow by specifying the color and size.

innerGlow : Element.WithContext.Color -> Basics.Float -> Element.WithContext.Attr context decorative msg

shadow : { offset : ( Basics.Float, Basics.Float ), size : Basics.Float, blur : Basics.Float, color : Element.WithContext.Color } -> Element.WithContext.Attr context decorative msg

innerShadow : { offset : ( Basics.Float, Basics.Float ), size : Basics.Float, blur : Basics.Float, color : Element.WithContext.Color } -> Element.WithContext.Attr context decorative msg