R10.Button

Buttons!

Buttons

primary :

List (Attribute msg)

-> { label : Element msg

, libu : Type msg

, theme : Theme

}

-> Element msg

Primary Button for Call to Actions

R10.Button.primary []
    { label = text "Text"
    , libu = R10.Libu.Bu <| Just doSomething
    , theme =
        { mode = R10.Mode.Light
        , primaryColor = R10.Color.Primary.CrimsonRed
        }
    }

secondary :

List (Attribute msg)

-> { label : Element msg

, libu : Type msg

, theme : Theme

}

-> Element msg

Secondary Button

tertiary :

List (Attribute msg)

-> { label : Element msg

, libu : Type msg

, theme : Theme

}

-> Element msg

Tertiary Button

quaternary :

List (Attribute msg)

-> { label : Element msg

, libu : Type msg

, theme : Theme

}

-> Element msg

Quaternary Button

Others

type alias Data msg =

{ label : Element msg

, libu : Type msg

, theme : Theme

}

Type of data required by buttons

cssButtonStyle : Theme -> String

Special case for CSS buttons, useful if a button must be built using the standard Html library instead of elm-ui.

numberPadding : Int

Default padding value for buttons

withLimitedWidth : List (Attribute msg)

Attributes for buttons with limited width. By default buttons are width fill.

rakutentech/r10/2.0.0

R10.Button

Others

Modules