nativescript-material-activityindicator
Material ActivityIndicator component
npm i --save nativescript-material-activityindicator
- Version: 3.3.2
- GitHub:
- NPM: https://www.npmjs.com/package/nativescript-material-activityindicator
- Downloads:
- Last Day: 0
- Last Week: 5
- Last Month: 26
Installation
If using @nativescript
:
tns plugin add nativescript-material-activityindicator
If using tns-core-modules
tns plugin add [email protected]
Be sure to run a new build after adding plugins to avoid any issues.
Material Design Spec
Usage
Plain NativeScript
IMPORTANT: Make sure you include xmlns:mda="nativescript-material-activityindicator"
on the Page element
XML
<Page xmlns:mda="nativescript-material-activityindicator">
<StackLayout horizontalAlignment="center">
<mda:ActivityIndicator busy="true"/>
</StackLayout>
</Page>
CSS
mdcactivityindicator {
color: #fff;
}
NativeScript + Angular
import { NativeScriptMaterialActivityIndicatorModule } from "nativescript-material-activityindicator/angular";
@NgModule({
imports: [
NativeScriptMaterialActivityIndicatorModule,
...
],
...
})
<MDActivityIndicator busy="true"></MDActivityIndicator>
NativeScript + Vue
import Vue from 'nativescript-vue';
import ActivityIndicatorPlugin from 'nativescript-material-activityindicator/vue';
Vue.use(ActivityIndicatorPlugin);
<MDActivityIndicator busy="true"/>
Attributes
Inherite from Nativescript Activity Indicator so it already has all the same attributes