alexanderkiel / elm-mdc-alpha / Material.Button

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

Install

In your application install:

npm install "

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 =
Material.Internal.Options.Property Config msg

Buttons property type.

disabled : Basics.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.

Reference