Button

lx-button is a directive that create a link element if you specify a href or ng-href attribute.
Otherwise, it creates a button element.

Four different types of button are available: raised, flat, fab and icon. Disabled style will automaticly be applied when using ng-disabled or disabled attribute. Five different sizes are available and defined in dist/scss/core/settings/defaults.scss Main colors defined in dist/scss/core/settings/defaults.scss can be used to create colored buttons.
Text / icon and ripple colors will be automaticly set according to the color.
A fully customizable button can be created with a regular button element.
Background and text color are applied with css helpers.
Parameter Type Default Description
lx-color string primary Define the button color. Options: colors defined in colors and sizes section in dist/scss/core/settings/defaults.scss
lx-size string m Define the button size. Options: xs, s, m, l, xl
lx-type string raised Define the button type. Options: raised, flat, fab, icon
ng-* All angular directives are available as the directive generates a regular link or button element.