mirror of
https://github.com/NoRedInk/noredink-ui.git
synced 2024-12-19 19:51:37 +03:00
💀 remove words from the styleguide example
This commit is contained in:
parent
711e49e49e
commit
e78b180131
@ -16,7 +16,6 @@ import Html.Styled.Attributes as Attributes exposing (css)
|
|||||||
import Nri.Ui.Button.V10 as Button
|
import Nri.Ui.Button.V10 as Button
|
||||||
import Nri.Ui.Colors.V1 as Colors
|
import Nri.Ui.Colors.V1 as Colors
|
||||||
import Nri.Ui.Confetti.V1 as Confetti
|
import Nri.Ui.Confetti.V1 as Confetti
|
||||||
import Nri.Ui.TextArea.V4 as TextArea
|
|
||||||
|
|
||||||
|
|
||||||
{-| -}
|
{-| -}
|
||||||
@ -34,8 +33,7 @@ example =
|
|||||||
]
|
]
|
||||||
, view =
|
, view =
|
||||||
\state ->
|
\state ->
|
||||||
[ confettiWordsInput state.confettiWords
|
[ Button.button "Launch confetti!"
|
||||||
, Button.button "Launch confetti!"
|
|
||||||
[ Button.onClick LaunchConfetti
|
[ Button.onClick LaunchConfetti
|
||||||
, Button.small
|
, Button.small
|
||||||
, Button.secondary
|
, Button.secondary
|
||||||
@ -45,34 +43,15 @@ example =
|
|||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
confettiWordsInput : String -> Html Msg
|
|
||||||
confettiWordsInput confettiWords =
|
|
||||||
Html.div [ css [ Css.width (Css.px 600), Css.marginBottom (Css.px 10) ] ]
|
|
||||||
[ TextArea.writing
|
|
||||||
{ value = confettiWords
|
|
||||||
, autofocus = False
|
|
||||||
, onInput = OnInput
|
|
||||||
, onBlur = Nothing
|
|
||||||
, isInError = False
|
|
||||||
, label = "Confetti Words"
|
|
||||||
, height = TextArea.Fixed
|
|
||||||
, placeholder = ""
|
|
||||||
, showLabel = True
|
|
||||||
}
|
|
||||||
]
|
|
||||||
|
|
||||||
|
|
||||||
{-| -}
|
{-| -}
|
||||||
type alias State =
|
type alias State =
|
||||||
{ confetti : Confetti.Model
|
{ confetti : Confetti.Model
|
||||||
, confettiWords : String
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
init : State
|
init : State
|
||||||
init =
|
init =
|
||||||
{ confetti = Confetti.init 700
|
{ confetti = Confetti.init 700
|
||||||
, confettiWords = "lemonade iced tea coca-cola pepsi"
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
@ -81,21 +60,14 @@ type Msg
|
|||||||
= LaunchConfetti
|
= LaunchConfetti
|
||||||
| ConfettiMsg Confetti.Msg
|
| ConfettiMsg Confetti.Msg
|
||||||
| WindowResized Int Int
|
| WindowResized Int Int
|
||||||
| OnInput String
|
|
||||||
|
|
||||||
|
|
||||||
{-| -}
|
{-| -}
|
||||||
update : Msg -> State -> ( State, Cmd Msg )
|
update : Msg -> State -> ( State, Cmd Msg )
|
||||||
update msg state =
|
update msg state =
|
||||||
let
|
|
||||||
words =
|
|
||||||
List.indexedMap
|
|
||||||
(\index word -> { color = getColor index, text = word })
|
|
||||||
(String.words state.confettiWords)
|
|
||||||
in
|
|
||||||
case msg of
|
case msg of
|
||||||
LaunchConfetti ->
|
LaunchConfetti ->
|
||||||
( { state | confetti = Confetti.burst words state.confetti }
|
( { state | confetti = Confetti.burst [] state.confetti }
|
||||||
, Cmd.none
|
, Cmd.none
|
||||||
)
|
)
|
||||||
|
|
||||||
@ -109,11 +81,6 @@ update msg state =
|
|||||||
, Cmd.none
|
, Cmd.none
|
||||||
)
|
)
|
||||||
|
|
||||||
OnInput confettiWords ->
|
|
||||||
( { state | confettiWords = confettiWords }
|
|
||||||
, Cmd.none
|
|
||||||
)
|
|
||||||
|
|
||||||
|
|
||||||
getColor : Int -> Color
|
getColor : Int -> Color
|
||||||
getColor key =
|
getColor key =
|
||||||
|
Loading…
Reference in New Issue
Block a user