mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-15 08:52:42 +03:00
34 lines
1001 B
Elm
34 lines
1001 B
Elm
module Examples.BannerAlert exposing (example)
|
|
|
|
{-|
|
|
|
|
@docs example
|
|
|
|
-}
|
|
|
|
import Html.Styled exposing (h3, text)
|
|
import ModuleExample as ModuleExample exposing (Category(..), ModuleExample)
|
|
import Nri.Ui.BannerAlert.V4 as BannerAlert
|
|
|
|
|
|
example : ModuleExample msg
|
|
example =
|
|
{ name = "Nri.Ui.BannerAlert.V3"
|
|
, category = Messaging
|
|
, content =
|
|
[ h3 [] [ text "alert" ]
|
|
, BannerAlert.alert "This is an alert message!"
|
|
, h3 [] [ text "error" ]
|
|
, BannerAlert.error "This is an error message!"
|
|
, h3 [] [ text "neutral" ]
|
|
, BannerAlert.neutral "This is a neutral message!"
|
|
, h3 [] [ text "success" ]
|
|
, BannerAlert.success
|
|
"""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!
|
|
"""
|
|
]
|
|
}
|