nativescript-material-slider
    TypeScript icon, indicating that this package has built-in type declarations

    3.3.2 • Public • Published

    npm npm GitHub forks GitHub stars

    Installation

    If using @nativescript :

    • tns plugin add nativescript-material-slider

    If using tns-core-modules

    • tns plugin add nativescript-material-slider@2.5.4

    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:mds="nativescript-material-slider" on the Page element

    XML

    <Page xmlns:mds="nativescript-material-slider">
        <StackLayout horizontalAlignment="center">
            <mds:Slider value="50" minValue="0" maxValue="100" />
       </StackLayout>
    </Page>

    CSS

    mdslider {
        ripple-color: blue;
        elevation: 4;
    }

    NativeScript + Angular

    import { NativeScriptMaterialSliderModule } from "nativescript-material-slider/angular";
    
    @NgModule({
        imports: [
            NativeScriptMaterialSliderModule,
            ...
        ],
        ...
    })
    <MDSlider value="50" minValue="0" maxValue="100"></MDSlider>

    NativeScript + Vue

    import SliderPlugin from 'nativescript-material-slider/vue';
    
    Vue.use(SliderPlugin);
    <MDSlider value="50" minValue="0" maxValue="100" @valueChange="onValueChanged"/>

    Or you can bind the value to some instance data using the v-model directive:

    <MDSlider v-model="value" minValue="0" maxValue="100"/>

    Attributes

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

    Attributes

    • elevation optional

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

    • rippleColor optional

    An attribute to set the ripple color of the slider.

    Install

    npm i nativescript-material-slider

    DownloadsWeekly Downloads

    38

    Version

    3.3.2

    License

    Apache-2.0

    Unpacked Size

    59.6 kB

    Total Files

    35

    Last publish

    Collaborators

    • farfromrefuge