for more information visit the package's GitHub page
Package contains the following modules:
This is a copy of the surprisetalk/elm-bulma API but ported to use rtfeldman/elm-css
mkdir bulma-example && cd bulma-example
.elm package install --yes surprisetalk/elm-bulma
.Example.elm
and copy this example file or the code below.elm reactor
and navigate to http://localhost:8000/Example.elm.module Example exposing (..)
import Browser
import Bulma.CDN exposing (..)
import Bulma.Modifiers exposing (..)
import Bulma.Elements exposing (..)
import Bulma.Columns exposing (..)
import Bulma.Layout exposing (..)
import Html exposing ( Html, main_, text )
type alias Model = {}
main : Program () Model Msg
main
= Browser.sandbox
{ init = {}
, view = view
, update = \msg -> \model -> model
}
view : Model -> Html msg
view model
= main_ []
[ stylesheet
, exampleHero
, exampleColumns
]
exampleHero : Html msg
exampleHero
= hero { heroModifiers | size = medium, color = primary } []
[ heroBody []
[ container []
[ title h1 [] [ text "Hero Title" ]
, title h2 [] [ text "Hero Subtitle" ]
]
]
]
exampleColumns : Html msg
exampleColumns
= section NotSpaced []
[ container []
[ columns columnsModifiers []
[ column columnModifiers [] [ text "First Column" ]
, column columnModifiers [] [ text "Second Column" ]
, column columnModifiers [] [ text "Third Column" ]
]
]
]