mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-16 01:13:08 +03:00
34 lines
1.0 KiB
Elm
34 lines
1.0 KiB
Elm
module Examples.Heading exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example
|
|
|
|
-}
|
|
|
|
import Category exposing (Category(..))
|
|
import Css
|
|
import Html.Styled as Html
|
|
import ModuleExample exposing (ModuleExample)
|
|
import Nri.Ui.Colors.V1 as Colors
|
|
import Nri.Ui.Heading.V2 as Heading
|
|
import Sort.Set as Set exposing (Set)
|
|
|
|
|
|
{-| -}
|
|
example : ModuleExample msg
|
|
example =
|
|
{ name = "Nri.Ui.Heading.V2"
|
|
, categories = Set.fromList Category.sorter <| List.singleton Text
|
|
, content =
|
|
[ Heading.h1 [] [ Html.text "This is the main page heading." ]
|
|
, Heading.h2 [] [ Html.text "This is a tagline" ]
|
|
, Heading.h3 [] [ Html.text "This is a subHeading" ]
|
|
, Heading.h4 [] [ Html.text "This is a smallHeading" ]
|
|
, Heading.h2 [ Heading.style Heading.Top ]
|
|
[ Html.text "Heading.h2 [ Heading.style Heading.Top ]" ]
|
|
, Heading.h2 [ Heading.css [ Css.color Colors.highlightPurpleDark ] ]
|
|
[ Html.text "Heading.h2 [ Heading.css [ Css.color Colors.highlightPurpleDark ] ]" ]
|
|
]
|
|
}
|