betagouv / elm-dsfr / BetaGouv.DSFR.Typography

Typographie

Tailles

textLead : Accessibility.Attribute msg

classe pour texte chapô

textXl : Accessibility.Attribute msg

classe pour texte de taille Xl

textLg : Accessibility.Attribute msg

classe pour texte de taille Lg

textMd : Accessibility.Attribute msg

classe pour texte de taille Md

textSm : Accessibility.Attribute msg

classe pour texte de taille Sm

textXs : Accessibility.Attribute msg

classe pour texte de taille Xs

Epaisseurs avec la police principale Marianne

textLight : Accessibility.Attribute msg

classe pour texte light

textRegular : Accessibility.Attribute msg

classe pour texte regular

textBold : Accessibility.Attribute msg

classe pour texte bold

Epaisseurs avec la police alternative Spectral

textSpectralRegular : Accessibility.Attribute msg

textSpectralHeavy : Accessibility.Attribute msg

Titres

Personnalisation des titres

fr_h1 : Accessibility.Attribute msg

classe pour h1

fr_h2 : Accessibility.Attribute msg

classe pour h2

fr_h3 : Accessibility.Attribute msg

classe pour h3

fr_h4 : Accessibility.Attribute msg

classe pour h4

fr_h5 : Accessibility.Attribute msg

classe pour h5

fr_h6 : Accessibility.Attribute msg

classe pour h6

Titres alternatifs

displayXl : Accessibility.Attribute msg

classe pour un titre alternatif Xl

displayLg : Accessibility.Attribute msg

classe pour un titre alternatif Lg

displayMd : Accessibility.Attribute msg

classe pour un titre alternatif Md

displaySm : Accessibility.Attribute msg

classe pour un titre alternatif Sm

displayXs : Accessibility.Attribute msg

classe pour un titre alternatif Xs

Liens

Liens standards

link : String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

linkLeftIcon : BetaGouv.DSFR.Icons.IconName -> Icon

linkNoIcon : Icon

linkRightIcon : BetaGouv.DSFR.Icons.IconName -> Icon

linkStandalone : Icon -> String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

linkStandaloneLG : Icon -> String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

linkStandaloneMD : Icon -> String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

linkStandaloneSM : Icon -> String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

Liens de retour en haut de page

scrollToTop : Accessibility.Html msg

scrollToTopLG : Accessibility.Html msg

scrollToTopMD : Accessibility.Html msg

scrollToTopSM : Accessibility.Html msg

Liens externes

externalLink : String -> List (Accessibility.Attribute Basics.Never) -> List (Accessibility.Html msg) -> Accessibility.Html msg

externalLinkAttrs : String -> List (Accessibility.Attribute msg) -> List (Accessibility.Attribute msg)

Liens de téléchargement

downloadLinkLG : String -> String -> String -> String -> Accessibility.Html msg

downloadLinkMD : String -> String -> String -> String -> Accessibility.Html msg

downloadLinkSM : String -> String -> String -> String -> Accessibility.Html msg