betagouv/elm-dsfr/3.0.0

NOTE: the latest version is 5.2.0

BetaGouv.DSFR.Checkbox

Case à cocher

{ value : data
, checked : Maybe Bool
, valueAsString : data -> String
, id : String
, label : String
, onChecked : data -> Bool -> msg
}
-> CheckboxConfig msg data

Crée une checkbox

Checkbox.single
    { value = "value"
    , checked = Just True
    , valueAsString = identity
    , id = "id"
    , label = "label"
    , onChecked = ToggleSelection
    }
    |> Checkbox.viewSingle
viewSingle : CheckboxConfig msg data -> Html msg

Affiche une checkbox

Configuration

singleWithDisabled : Bool -> CheckboxConfig msg data -> CheckboxConfig msg data
singleWithError : Maybe String -> CheckboxConfig msg data -> CheckboxConfig msg data
singleWithHint : Maybe String -> CheckboxConfig msg data -> CheckboxConfig msg data
singleWithSuccess : Maybe String -> CheckboxConfig msg data -> CheckboxConfig msg data

Groupe

Création

{ id : String
, label : Html msg
, onChecked : data -> Bool -> msg
, values : List data
, checked : List data
, valueAsString : data -> String
, toId : data -> String
, toLabel : data -> String
}
-> GroupConfig msg data

Crée un groupe de case à cocher

Checkbox.group
    { id = "id"
    , label = text "label"
    , onChecked = Action
    , values = values
    , checked = checkedValues
    , valueAsString = identity
    , toId = identity
    , toLabel = identity
    }
    |> Checkbox.inline
    |> Checkbox.viewGroup
viewGroup : GroupConfig msg data -> Html msg

Affiche le groupe

Orientation

inline : GroupConfig msg data -> GroupConfig msg data
stacked : GroupConfig msg data -> GroupConfig msg data

Configuration

groupWithDisabled : Bool -> GroupConfig msg data -> GroupConfig msg data
groupWithError : Maybe String -> GroupConfig msg data -> GroupConfig msg data
List (Attribute Never)
-> GroupConfig msg data
-> GroupConfig msg data
groupWithHint : Maybe String -> GroupConfig msg data -> GroupConfig msg data
groupWithSuccess : Maybe String -> GroupConfig msg data -> GroupConfig msg data
groupWithToDisabled : (data -> Bool) -> GroupConfig msg data -> GroupConfig msg data
(data -> Maybe String)
-> GroupConfig msg data
-> GroupConfig msg data
(data -> Maybe String)
-> GroupConfig msg data
-> GroupConfig msg data
(data -> Maybe String)
-> GroupConfig msg data
-> GroupConfig msg data