lucamug/elm-style-framework

A simple Style Framework built on top of style-elements


License
BSD-3-Clause
Install
elm-package install lucamug/elm-style-framework 1.0.1

Documentation

Elm Style Framework

Demo

An experimental Style Framework built on top of style-elements.

This is an incomplete Style Framework that leverage the experimental version of style-elements. Major changes may happen at any time to this Repo.

See the Style Guide to see usage examples.

To use it:

module Button exposing (main)

import Element exposing (..)
import Framework.Button as Button exposing (button)
import Framework.Modifiers exposing (..)


main =
    layout [] <|
        button [ Medium, Success, Outlined ] Nothing "Button"

The framework has documentation built-in (based on elm-styleguide-generator) that can be automatically generated. so is possible to generate a Style Guide simply doing

module Documentation exposing (main)

import Framework
import Html


main : Program Never Framework.Model Framework.Msg
main =
    Html.program
        { init = Framework.init
        , view = Framework.view
        , update = Framework.update
        , subscriptions = \_ -> Sub.none
        }