NOTE: the latest version is 25.0.0

README About Versions Source Modules

ElmWidgets

Setup

globalStyles : Html msg

Setup all styles needed for ElmWidgets.

Buttons

Primary Button

primaryButton :

List (PrimaryButtonAttributes -> PrimaryButtonAttributes)

-> { label : Html msg

, onClick : msg

}

-> Html msg

primaryButtonLink :

List (PrimaryButtonAttributes -> PrimaryButtonAttributes)

-> { label : Html msg

, href : String

}

-> Html msg

type alias PrimaryButtonAttributes =

{ color : String

, background : String

, shadow : String

, disabled : Bool

, fill : Bool

}

Status Buttons

List (StatusButtonAttributes -> StatusButtonAttributes)

-> { label : Html msg

, onClick : msg

}

-> Html msg

dangerButtonLink :

List (StatusButtonAttributes -> StatusButtonAttributes)

-> { label : Html msg

, href : String

}

-> Html msg

confirmButton :

List (StatusButtonAttributes -> StatusButtonAttributes)

-> { label : Html msg

, onClick : msg

}

-> Html msg

confirmButtonLink :

List (StatusButtonAttributes -> StatusButtonAttributes)

-> { label : Html msg

, href : String

}

-> Html msg

type alias StatusButtonAttributes =

{ disabled : Bool

, fill : Bool

}

Outlined Button

outlinedButton :

List (OutlinedButtonAttributes -> OutlinedButtonAttributes)

-> { label : Html msg

, onClick : msg

}

-> Html msg

outlinedButtonLink :

List (OutlinedButtonAttributes -> OutlinedButtonAttributes)

-> { label : Html msg

, href : String

}

-> Html msg

type alias OutlinedButtonAttributes =

{ color : String

, shadow : String

, disabled : Bool

, fill : Bool

}

Invisible Button

invisibleButton :

List (InvisibleButtonAttributes -> InvisibleButtonAttributes)

-> { label : Html msg

, onClick : msg

}

-> Html msg

invisibleButtonLink :

List (InvisibleButtonAttributes -> InvisibleButtonAttributes)

-> { label : Html msg

, href : String

}

-> Html msg

type alias InvisibleButtonAttributes =

{ color : String

, background : String

, disabled : Bool

, fill : Bool

}

Forms

List (FieldAttributes -> FieldAttributes)

-> { label : Html msg

, input : Html msg

}

-> Html msg

Input

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

datetimeInput :

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

passwordInput :

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

telephoneInput :

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

List (InputAttributes msg -> InputAttributes msg)

-> { onInput : String -> msg

, value : String

}

-> Html msg

type alias InputAttributes msg =

{ disabled : Bool

, required : Bool

, pattern : Maybe String

, placeholder : Maybe String

, htmlAttrs : List (Attribute msg)

}

Checkbox

List (CheckboxAttributes -> CheckboxAttributes)

-> { value : Bool

, onInput : Bool -> msg

}

-> Html msg

type alias CheckboxAttributes =

{ color : String

, disabled : Bool

}

Radio

List (RadioButtonsAttributes -> RadioButtonsAttributes)

-> { name : String

, value : Maybe a

, options : List a

, toValue : a -> String

, toLabel : a -> String

, onInput : a -> msg

}

-> Html msg

type alias RadioButtonsAttributes =

{ color : String

, disabled : Bool

, vertical : Bool

}

Select

List (SelectAttributes -> SelectAttributes)

-> { value : Maybe a

, options : List a

, toValue : a -> String

, toLabel : a -> String

, onInput : Maybe a -> msg

}

-> Html msg

selectWithGroups :

List (SelectAttributes -> SelectAttributes)

-> { value : Maybe a

, options : List a

, optionGroups : List ( String, List a )

, toValue : a -> String

, toLabel : a -> String

, onInput : Maybe a -> msg

}

-> Html msg

type alias SelectAttributes =

{ placeholder : Maybe String

, disabled : Bool

}

Range

List (RangeAttributes -> RangeAttributes)

-> { min : Float

, max : Float

, step : Float

, value : Float

, onInput : Float -> msg

}

-> Html msg

Modules