betagouv / elm-dsfr / BetaGouv.DSFR.Badge

Badges

badgeMD : BadgeConfig -> Accessibility.Html msg

Crée un badge de taille medium

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

badgeSM : BadgeConfig -> Accessibility.Html msg

Crée un badge de petite taille

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

Structure

default : Accessibility.Html Basics.Never -> BadgeConfig

Badge par défaut

text "badge"
    |> Badge.default
    |> Badge.withColor Color.purpleGlycine
    |> Badge.badgeMD

system : { context : Context, withIcon : Basics.Bool } -> Accessibility.Html Basics.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

error : Context

info : Context

new : Context

success : Context

warning : Context

Groupe de badges

groupMD : List BadgeConfig -> Accessibility.Html msg

Crée un group de badges mediums

groupSM : List BadgeConfig -> Accessibility.Html msg

Crée un group de petits badges

Configuration

withColor : BetaGouv.DSFR.Color.CustomColor -> BadgeConfig -> BadgeConfig

Définit la couleur du badge par défaut

withAttrs : List (Accessibility.Attribute Basics.Never) -> BadgeConfig -> BadgeConfig

Ajoute des attributs au badge