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";

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

Renders a button.

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.