2018-02-13 00:32:38 +03:00
|
|
|
module Examples.Text exposing (example)
|
|
|
|
|
2018-03-08 01:36:52 +03:00
|
|
|
{-|
|
|
|
|
|
|
|
|
@docs example
|
|
|
|
|
2018-02-13 00:32:38 +03:00
|
|
|
-}
|
|
|
|
|
2018-03-08 01:36:52 +03:00
|
|
|
import Html.Styled as Html
|
2018-02-13 00:32:38 +03:00
|
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
2018-05-17 03:09:17 +03:00
|
|
|
import Nri.Ui.Text.V2 as Text
|
2018-02-13 00:32:38 +03:00
|
|
|
|
|
|
|
|
|
|
|
{-| -}
|
|
|
|
example : ModuleExample msg
|
|
|
|
example =
|
2018-05-17 03:09:17 +03:00
|
|
|
{ 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
|
2018-05-17 03:09:17 +03:00
|
|
|
[ 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
|
|
|
]
|
|
|
|
}
|