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

Center the example

Browse Source
This commit is contained in:
Tessa Kelly 2024-02-13 12:28:56 -07:00
parent 3d656b82c9
commit be1bb4f24b
1 changed files with 11 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
component-catalog/src/Examples/Balloon.elm
View File

@ -17,7 +17,8 @@ import EllieLink
import Example exposing (Example)
import Examples.Colors
import Guidance
import Html.Styled exposing (Html)
import Html.Styled exposing (..)
import Html.Styled.Attributes exposing (css)
import Nri.Ui.Balloon.V2 as Balloon
import Nri.Ui.Colors.V1 as Colors
import Nri.Ui.Heading.V3 as Heading
@ -198,5 +199,13 @@ view ellieLinkConfig state =
[ Heading.plaintext "Customizable Example"
, Heading.css [ Css.marginTop Spacing.verticalSpacerPx ]
]
, Balloon.view (List.map Tuple.second attributes)
, div
[ css
[ Css.minHeight (Css.px 200)
, Css.displayFlex
, Css.justifyContent Css.center
, Css.alignItems Css.center
]
]
[ Balloon.view (List.map Tuple.second attributes) ]
]