Opaque Button element that can produce msg messages

Opaque Position custom type that has 2 variants

Left, Right

An opaque Size custom type that has 3 variants

Normal, Large, Small

Opaque Variant custom type that has 8 variants

Primary, Secondary, Tertiary, Warning, Danger, Plain (default), Control, Link.

There is a constructor function for each.

Note: the button constructs a Plain variant.

Configures a Button with default appearance

Configures appearance of Button to be the Primary variant

Configures appearance of Button to be the Secondary variant

Configures appearance of Button to be the Tertiary variant

For designs that happen to have 3 overall button styles.

Configures appearance of Button to be the Warning variant

Configures appearance of Button to be the Danger variant

Configures appearance of Button to be the Control variant

Constructs a Link variant Button

Has additional required argument of href to be used for the hyperlink.

Configures size to be Normal

Normal is the default value for button size.

Configures size to be Larger

Configures size to be Small

Configures the button to have an Icon

By default, the position is left of the text

Configure the position of the icon to be left of the text

Configure the position of the icon to be right of the text

Given the custom type representation, renders as an Element msg.