• Primary
  • Secondary
  • Small
  • Large
  • Link
  • Ghost Primary
  • GhostSecondary

Modules

Button

Button

The Button should be used to trigger user actions. Some examples of interactions:

  • Submit a form
  • Cancel an order
  • Toggle a menu visibility
  • Play a media
    import Button exposing (..)
    Button.view "Submit" defaultButtonConfig ()
    
  • UX Planet - Basic rules for button

Config

type alias Config  =
{ appearance : Button.Appearance, size : Button.Size, kind : Button.Kind, class : String.String, theme : Button.Theme }

Option to customize the Button


Size

type Size
= S
| M
| L

Define the size of the Button


Kind

type Kind
= Link
| Filled
| Ghost

Look and feel of the Button


Appearance

type Appearance
= Primary
| Secondary

Define the appearance of the Button


defaultButtonConfig

defaultButtonConfig : Config

Default Configurations


view

view : String.String -> Config -> msg -> Html.Html msg

Renders the button


Generated with elm: 0.19.0 and elm-docs: 0.4.0