NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-09-21 20:27:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Update IconExamples to use Checkbox.V7

Browse Source
This commit is contained in:
Brian J. Cardiff 2022-10-28 10:44:53 -03:00
parent 3b2d51e854
commit 6132e9eb21
1 changed files with 11 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

30
styleguide-app/Examples/IconExamples.elm
View File

@ -21,7 +21,7 @@ import Example exposing (Example)
import Html.Styled as Html exposing (Html)
import Html.Styled.Attributes as Attributes exposing (css)
import Html.Styled.Events as Events
import Nri.Ui.Checkbox.V6 as Checkbox
import Nri.Ui.Checkbox.V7 as Checkbox
import Nri.Ui.Colors.Extra exposing (fromCssColor, toCssColor)
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V3 as Heading
@ -160,17 +160,13 @@ update msg state =
{-| -}
viewSettings : Settings -> Html Msg
viewSettings { showIconName } =
Checkbox.viewWithLabel
{ identifier = "show-icon-name-checkbox"
, label = "Show names"
, setterMsg = ShowNames
Checkbox.view
{ label = "Show names"
, selected = Checkbox.selectedFromBool showIconName
, disabled = False
, theme = Checkbox.Square
, containerCss = []
, enabledLabelCss = []
, disabledLabelCss = []
}
[ Checkbox.id "show-icon-name-checkbox"
, Checkbox.onCheck ShowNames
]
type alias Group =
@ -302,17 +298,13 @@ viewSingularExampleSettings groups state =
, Select.value (Just state.icon)
]
|> Html.map SetIcon
, Checkbox.viewWithLabel
{ identifier = "show-border"
, label = "Show border"
, setterMsg = SetBorder
, Checkbox.view
{ label = "Show border"
, selected = Checkbox.selectedFromBool state.showBorder
, disabled = False
, theme = Checkbox.Square
, containerCss = []
, enabledLabelCss = []
, disabledLabelCss = []
}
[ Checkbox.id "show-border"
, Checkbox.onCheck SetBorder
]
, Html.label []
[ Html.text "Color: "
, Html.input