Button.button "My great button!"
    [ Button.onClick ()
    , Button.enabled
    ]

By default, the button is enabled, Medium sized, with primary colors, and an unbounded width.

Button.link "My great link!"
    [ Button.href "My href"
    , Button.secondary
    ]

By default, the link is Medium sized, with primary colors, and an unbounded width.

Use this helper to add custom attributes.

Do NOT use this helper to add css styles, as they may not be applied the way you want/expect if underlying Button styles change. Instead, please use the css helper.

Use this link for routing within a single page app.

This will make a normal <a> tag, but change the Events.onClick behavior to avoid reloading the page.

See https://github.com/elm-lang/html/issues/110 for details on this implementation.

Define a size in px for the button's total width.

Leave the maxiumum width unbounded (there is a minimum width).

Shows inactive styles.

Shows inactive styling. If a button, this attribute will disable it.

Shows error styling. If a button, this attribute will disable it.

Shows loading styling. If a button, this attribute will disable it.

Shows success styling. If a button, this attribute will disable it.

A delete button (blue X)

A button that can be toggled into a pressed state and back again.