betagouv/elm-dsfr/5.1.0

NOTE: the latest version is 5.2.0

BetaGouv.DSFR.Badge

Badges

badgeMD : BadgeConfig -> Html msg

Crée un badge de taille medium

text "badge medium"
    |> Badge.system { context = DSFR.Badge.New, withIcon = True }
    |> Badge.badgeMD
badgeSM : BadgeConfig -> Html msg

Crée un badge de petite taille

text "petit badge"
    |> Badge.system { context = Badge.New, withIcon = True }
    |> Badge.badgeSM

Structure

default : Html Never -> BadgeConfig

Badge par défaut

text "badge"
    |> Badge.default
    |> Badge.withColor Color.purpleGlycine
    |> Badge.badgeMD
{ context : Context
, withIcon : Bool
}
-> Html Never
-> BadgeConfig

Badge système (avec icône optionnelle)

text "badge"
    |> Badge.system { context = Badge.New, withIcon = True }
    |> Badge.badgeSM

Contexte de badge

type Context

Groupe de badges

groupMD : List BadgeConfig -> Html msg

Crée un group de badges mediums

groupSM : List BadgeConfig -> Html msg

Crée un group de petits badges

Configuration

withColor : CustomColor -> BadgeConfig -> BadgeConfig

Définit la couleur du badge par défaut

withAttrs : List (Attribute Never) -> BadgeConfig -> BadgeConfig

Ajoute des attributs au badge