mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-15 17:02:51 +03:00
33 lines
933 B
Elm
33 lines
933 B
Elm
module Examples.Fonts exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example
|
|
|
|
-}
|
|
|
|
import Html.Styled as Html
|
|
import Html.Styled.Attributes exposing (css)
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
|
import Nri.Ui.Fonts.V1 as Fonts
|
|
import Nri.Ui.Heading.V2 as Heading
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ name = "Nri.Ui.Fonts.V1"
|
|
, category = Text
|
|
, content =
|
|
[ Heading.h3 [] [ Html.text "baseFont" ]
|
|
, Html.p [ css [ Fonts.baseFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Heading.h3 [] [ Html.text "quizFont" ]
|
|
, Html.p [ css [ Fonts.quizFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Heading.h3 [] [ Html.text "ugFont" ]
|
|
, Html.p [ css [ Fonts.ugFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
]
|
|
}
|