promo-slider

    1.0.2 • Public • Published
    Example usage of PromoSlider component

    Promo Slider

    React Native slider component with dismiss functionality. Demo 👉Expo Snack.

    Install

    npm i promo-slider -S

    or,

    yarn add promo-slider

    Usage

    Props:

    Property Description isRequired
    slides An array of slide components yes
    onClose Callback which would be called after clicking on the close button on the last slide (e.g. remembering slider dismissal to async storage) no
    dotColor The active color of progress dot, by default it is #000 (inactive color has the same color, but 25% opaque) no
    progressStyles Override progress dots positioning. By default, progress dots are placed at the bottom of the component no
    withoutClose A boolean which indicates weather close button should be shown on the last slide no
    import PromoSlider from 'promo-slider';
     
      <PromoSlider
        onClose={() => console.log('It\'s closing time') || this.handleNotification()}
        dotColor="#000"
        progressStyles={{ bottom: 10 }}
        withoutClose={false}
        slides={[<SlideOneComponent>, <SlideTwoComponent>, <SlideThreeComponent>]}
      />

    TODO

    • Provide previous/back actions
    • Improve style override for progress component
    • Add tests

    Suggestions?

    Shoot me an email, or submit an issue 🚀

    Install

    npm i promo-slider

    DownloadsWeekly Downloads

    5

    Version

    1.0.2

    License

    MIT

    Unpacked Size

    11.1 kB

    Total Files

    13

    Last publish

    Collaborators

    • danijel_grabez