Overwrite alpha value in an Element.Color.

Enable CSS transition for HTML's color, background-color, border-color. Time is set in miliseconds.

Element.el
    (Background.color someVariatingColor :: Element.colorTransition 200)
    someChildElement

Limit Element.fill only when on desktop.

Element.width (Element.desktopMaximum 640)

The SVG element, with ARIA attributes applied.

svg "Alt text" svgAttributes svgContent

"The title attribute specifies extra information about an element.

The information is most often shown as a tooltip text when the mouse moves over the element." - W3Schools

Element.el [ Element.title "Some text" ] someChildElement

Applies required CSS values to have ellipsis on an element's text when width is not enough for displaying the whole content.

Element.el
    (Element.width (px 200) :: Element.ellipsis)
    (Element.text "Lorem ipsum dolor sit amet, consectetur adipiscing elit")

Wrapper for CSS's max-height: {{vaue}}vh.

Element.el [ Element.maxHeightVH 100 ] someChildElement

Wrapper for CSS's max-height: {{vaue}}%.

Element.el [ Element.maxHeightPct 100 ] someChildElement

All the attributes that define an element as disabled for modifying.

Element.el Element.disabled <| Element.text "Some content"

Trigger message when the users press return-key while element is on-focus.

Element.el [ Element.onEnterPressed Msg.ActivateSomething ] someChildElement

Equivalent to Element.onClick with stopPropagation and preventDefault applied.

Element.el
    [ Element.onIndividualClick Msg.CoolTextClicked ]
    (Element.text "Cool text")

The classic top, left, right and bottom as integers record.

Zero-initialized record for paddings and borders.

Element.paddingEach
    { zeroPadding | bottom = 20 }