mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-20 20:21:33 +03:00
c1ff19f0d0
* make html.styled versions of remaining widgets * upgrade all the examples * change license name
33 lines
916 B
Elm
33 lines
916 B
Elm
module Examples.Fonts exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example
|
|
|
|
-}
|
|
|
|
import Headings
|
|
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
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ filename = "Nri.Ui.Fonts.V1.elm"
|
|
, category = Fonts
|
|
, content =
|
|
[ Headings.h3 [ Html.text "baseFont" ]
|
|
, Html.p [ css [ Fonts.baseFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Headings.h3 [ Html.text "quizFont" ]
|
|
, Html.p [ css [ Fonts.quizFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
, Headings.h3 [ Html.text "ugFont" ]
|
|
, Html.p [ css [ Fonts.ugFont ] ]
|
|
[ Html.text "AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz" ]
|
|
]
|
|
}
|