2019-03-21 23:50:59 +03:00
|
|
|
module Examples.BannerAlert exposing (example)
|
|
|
|
|
|
|
|
{-|
|
|
|
|
|
|
|
|
@docs example
|
|
|
|
|
|
|
|
-}
|
|
|
|
|
|
|
|
import Html.Styled exposing (h3, text)
|
|
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
|
|
|
import Nri.Ui.BannerAlert.V3 as BannerAlert
|
|
|
|
|
|
|
|
|
|
|
|
example : ModuleExample msg
|
|
|
|
example =
|
|
|
|
{ filename = "Nri.Ui.BannerAlert.V3.elm"
|
|
|
|
, category = Messaging
|
|
|
|
, content =
|
2019-03-22 19:43:03 +03:00
|
|
|
[ h3 [] [ text "error" ]
|
2019-03-28 23:48:30 +03:00
|
|
|
, BannerAlert.error "This is an error message!"
|
2019-03-21 23:50:59 +03:00
|
|
|
, h3 [] [ text "neutral" ]
|
2019-03-28 23:48:30 +03:00
|
|
|
, BannerAlert.neutral "This is a neutral message!"
|
2019-03-21 23:50:59 +03:00
|
|
|
, h3 [] [ text "success" ]
|
2019-03-28 23:48:30 +03:00
|
|
|
, BannerAlert.success
|
2019-03-21 23:50:59 +03:00
|
|
|
"""This is a success message!
|
|
|
|
Let's see what happens if there is a very long message!
|
|
|
|
Wow, how successful! You're the biggest success I've ever seen!
|
|
|
|
You should feel great about yourself! Give yourself a very big round of applause!
|
|
|
|
"""
|
|
|
|
]
|
|
|
|
}
|