nativescript-material-button


Installation

If using ``@nativescript` :
* tns plugin add nativescript-material-button

If using `tns-core-modules`
* tns plugin add nativescript-material-button@2.5.4

Be sure to run a new build after adding plugins to avoid any issues.

---

##### Material Design Spec

$3

Plain NativeScript

IMPORTANT: _Make sure you include xmlns:mdb="nativescript-material-button" on the Page element_

$3

`XML








`

$3

`CSS
mdbutton {
ripple-color: blue;
elevation: 4;
}
`

NativeScript + Angular

`typescript
import { NativeScriptMaterialButtonModule } from "nativescript-material-button/angular";

@NgModule({
imports: [
NativeScriptMaterialButtonModule,
...
],
...
})
`

`html

`

NativeScript + Vue

`javascript
import Vue from 'nativescript-vue';
import ButtonPlugin from 'nativescript-material-button/vue';

Vue.use(ButtonPlugin);
`

`html

`

Attributes

Inherite from Nativescript Button so it already has all the same attributes

Attributes

* elevation _optional_

An attribute to set the elevation of the button. This will increase the 'drop-shadow' of the button.

* variant _optional_

An attribute to set the variant of the button. Can be `flat` or `text``. No value means raised button

* rippleColor _optional_

An attribute to set the ripple color of the button.