- 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 ()
Links:
- 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