NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-11-15 02:11:45 +03:00
Code Issues Packages Projects Releases Wiki Activity

Use Heading in Checkbox example

Browse Source
This commit is contained in:
Tessa Kelly 2022-04-14 12:31:32 -07:00
parent adb2d4bd87
commit 0d6ef66411
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
styleguide-app/Examples/Checkbox.elm
View File

@ -14,6 +14,7 @@ import Html.Styled.Attributes exposing (css)
import KeyboardSupport exposing (Key(..)) import KeyboardSupport exposing (Key(..))
import Nri.Ui.Checkbox.V5 as Checkbox import Nri.Ui.Checkbox.V5 as Checkbox
import Nri.Ui.Data.PremiumDisplay as PremiumDisplay import Nri.Ui.Data.PremiumDisplay as PremiumDisplay
import Nri.Ui.Heading.V2 as Heading
import Nri.Ui.PremiumCheckbox.V8 as PremiumCheckbox import Nri.Ui.PremiumCheckbox.V8 as PremiumCheckbox
import Set exposing (Set) import Set exposing (Set)
@ -46,7 +47,7 @@ example =
, viewLockedOnInsideCheckbox "styleguide-locked-on-inside-checkbox" state , viewLockedOnInsideCheckbox "styleguide-locked-on-inside-checkbox" state
, viewDisabledCheckbox "styleguide-checkbox-disabled" state , viewDisabledCheckbox "styleguide-checkbox-disabled" state
, viewMultilineCheckboxes state , viewMultilineCheckboxes state
, h2 [] [ text "Premium Checkboxes" ] , Heading.h2 [] [ text "Premium Checkboxes" ]
, viewPremiumCheckboxes state , viewPremiumCheckboxes state
] ]
, categories = [ Inputs ] , categories = [ Inputs ]
@ -140,7 +141,7 @@ viewMultilineCheckboxes : State -> Html Msg
viewMultilineCheckboxes state = viewMultilineCheckboxes state =
Html.section Html.section
[ css [ Css.width (Css.px 500) ] ] [ css [ Css.width (Css.px 500) ] ]
[ Html.h2 [] [ Html.text "Multiline Text in Checkboxes" ] [ Heading.h2 [] [ Html.text "Multiline Text in Checkboxes" ]
, let , let
id = id =
"styleguide-checkbox-multiline" "styleguide-checkbox-multiline"