mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-28 16:12:34 +03:00
52 lines
1.3 KiB
Elm
52 lines
1.3 KiB
Elm
module Examples.Heading exposing (example, State, Msg)
|
|
|
|
{-|
|
|
|
|
@docs example, State, Msg
|
|
|
|
-}
|
|
|
|
import AtomicDesignType exposing (AtomicDesignType(..))
|
|
import Category exposing (Category(..))
|
|
import Css
|
|
import Example exposing (Example)
|
|
import Html.Styled as Html
|
|
import KeyboardSupport exposing (Direction(..), Key(..))
|
|
import Nri.Ui.Colors.V1 as Colors
|
|
import Nri.Ui.Heading.V2 as Heading
|
|
|
|
|
|
{-| -}
|
|
type alias State =
|
|
()
|
|
|
|
|
|
{-| -}
|
|
type alias Msg =
|
|
()
|
|
|
|
|
|
{-| -}
|
|
example : Example State Msg
|
|
example =
|
|
{ name = "Heading"
|
|
, version = 2
|
|
, categories = [ Text, Layout ]
|
|
, atomicDesignType = Atom
|
|
, keyboardSupport = []
|
|
, state = ()
|
|
, update = \_ state -> ( state, Cmd.none )
|
|
, subscriptions = \_ -> Sub.none
|
|
, view =
|
|
\_ ->
|
|
[ 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 ] ]" ]
|
|
]
|
|
}
|