georgesboris / elm-widgets

A collection of stateless, themable widgets for Elm applications.

elm-widgets

A collection of stateless widgets themed trough elm-theme.

Visit elm-widgets.netlify.app for a more comprehensive overview and a showcase of all available widgets.

Getting Started

elm-widgets is plug-and-play with whatever html and styling approach you prefer - elm-css, elm-ui, tailwind, you name it - just insert elm-widgets globalStyles somewhere in your application html and use any widget directly.

import W.Styles
import W.Button


main : Html msg
main =
    div []
        [ W.Styles.globalStyles
        , W.Styles.baseTheme
        , ...
            W.Button.view []
                { label = [ text "Sir, would you please click me?" ]
                , onClick = ...
                }
        ]