Material.Button

Buttons allow users to take actions, and make choices, with a single tap.

Install

In your application install:

npm install "@material/button"

In your Sass file import:

@import "@material/button/mdc-button";

Example

import Material.Button as Button
import Material.Options as Options


Button.view
    [ Options.onClick Inc
    , Button.disabled False
    , Button.raised
    ]
    [ Html.text "+" ]

View

view : List (Property msg) -> List (Html msg) -> Html msg

Renders a button.

Properties

type alias Property msg =

Property Config msg

Buttons property type.

disabled : Bool -> Property msg

Indicates whether the user can interact with a button.

icon : String -> Property msg

Adds an icon with name to a button.

outlined : Property msg

Styles an outlined button that is flush with the surface.

raised : Property msg

Styles a contained button that is elevated above the surface.

unelevated : Property msg

Styles a contained button that is flush with the surface.

dense : Property msg

Makes the button text and container slightly smaller.

alexanderkiel/elm-mdc-alpha/1.4.0

Material.Button

Install

Example

View

Properties

Reference

Modules