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

49 lines
1.2 KiB
Elm
Raw Normal View History

2020-04-01 02:00:29 +03:00
module Examples.Text.Writing exposing (example, State, Msg)
2018-03-01 01:04:22 +03:00
{-|
2020-04-01 02:00:29 +03:00
@docs example, State, Msg
2018-03-01 01:04:22 +03:00
-}
2020-06-19 23:41:28 +03:00
import AtomicDesignType exposing (AtomicDesignType(..))
import Category exposing (Category(..))
2020-03-31 23:33:05 +03:00
import Example exposing (Example)
import Html.Styled exposing (text)
import KeyboardSupport exposing (Direction(..), Key(..))
2018-03-02 00:34:44 +03:00
import Nri.Ui.Text.Writing.V1 as TextWriting
2018-03-01 01:04:22 +03:00
{-| -}
2020-04-01 02:00:29 +03:00
type alias State =
()
{-| -}
type alias Msg =
()
example : Example State Msg
2018-03-01 01:04:22 +03:00
example =
2019-05-03 19:56:43 +03:00
{ name = "Nri.Ui.Text.Writing.V1"
2020-06-19 23:41:28 +03:00
, categories = [ Text ]
2020-06-20 00:16:10 +03:00
, atomicDesignType = Atom
, keyboardSupport = []
2020-03-31 23:33:05 +03:00
, state = ()
, update = \_ state -> ( state, Cmd.none )
, subscriptions = \_ -> Sub.none
, view =
\_ ->
let
longerBody =
"""Be on the lookout for a new and improved assignment
2018-03-01 01:04:22 +03:00
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.
"""
2020-03-31 23:33:05 +03:00
in
[ TextWriting.footnote [ text <| "This is a footnote. " ++ longerBody ]
]
2018-03-01 01:04:22 +03:00
}