noredink-ui/styleguide-app/Examples/Text.elm

40 lines
1.4 KiB
Elm
Raw Normal View History

2018-02-13 00:32:38 +03:00
module Examples.Text exposing (example)
{-|
@docs example
2018-02-13 00:32:38 +03:00
-}
import Html.Styled as Html
2018-02-13 00:32:38 +03:00
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
import Nri.Ui.Text.V2 as Text
2018-02-13 00:32:38 +03:00
{-| -}
example : ModuleExample msg
example =
{ filename = "Nri.Ui.Text.V2.elm"
2018-02-13 00:32:38 +03:00
, category = Text
, content =
let
longerBody =
"""Be on the lookout for a new and improved assignment
creation form! Soon, you'll be able to easily see a summary
of the content you're assigning, as well as an estimate for
how long the assignment will take.
"""
in
[ Text.heading [ Html.text "This is the main page heading." ]
, Text.tagline [ Html.text "This is a tagline" ]
, Text.subHeading [ Html.text "This is a subHeading" ]
, Text.smallHeading [ Html.text "This is a smallHeading" ]
, Text.mediumBody [ Html.text <| "This is a mediumBody. " ++ longerBody ]
, Text.ugMediumBody [ Html.text <| "This is an ugMediumBody." ]
, Text.smallBody [ Html.text <| "This is a smallBody. " ++ longerBody ]
, Text.smallBodyGray [ Html.text <| "This is a smallBodyGray. " ++ longerBody ]
, Text.ugSmallBody [ Html.text <| "This is an ugSmallBody." ]
, Text.caption [ Html.text <| "This is a caption. " ++ longerBody ]
2018-02-13 00:32:38 +03:00
]
}