R10.Button

Buttons!

Buttons

primary :

List (Attribute (ContextInternal z) msg)

-> { label : Element (ContextInternal z) msg

, libu : Type msg

, translation : { a | key : String }

}

-> Element (ContextInternal z) 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 (ContextInternal z) msg)

-> { label : Element (ContextInternal z) msg

, libu : Type msg

, translation : { a | key : String }

}

-> Element (ContextInternal z) msg

Secondary Button

tertiary :

List (Attribute (ContextInternal z) msg)

-> { label : Element (ContextInternal z) msg

, libu : Type msg

, translation : { a | key : String }

}

-> Element (ContextInternal z) msg

Tertiary Button

quaternary :

List (Attribute (ContextInternal z) msg)

-> { label : Element (ContextInternal z) msg

, libu : Type msg

, translation : { a | key : String }

}

-> Element (ContextInternal z) msg

Quaternary Button

Others

type alias Data z msg =

{ label : Element (ContextInternal z) msg

, libu : Type msg

}

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 (ContextInternal z) msg)

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

withId :

String

-> Element (ContextInternal z) msg

rakutentech/r10/6.2.0

R10.Button

Others

Modules