JSPM

modern-text-carousel

0.0.3
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 5
  • Score
    100M100P100Q48044F
  • License ISC

Modern text carousel for React Native

Package Exports

  • modern-text-carousel
  • modern-text-carousel/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (modern-text-carousel) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Setup

This libray is available on npm, install it with: npm install --save modern-text-carousel or yarn add modern-text-carousel

Usage

  1. Import modern-text-carousel
import { CarouselItem, TextCarousel } from 'modern-text-carousel';
  1. Render
render(){
    return  (
      <View>
        <TextCarousel height={50} interval={1000} direction='up'>
          <CarouselItem>
            <Text>
              Hello
            </Text>
          </CarouselItem>
          <CarouselItem>
            <Text>
              World
            </Text>
          </CarouselItem>
      </TextCarousel>
    </View>)
}

Available props

Name Type Default Description
height number 40 Height for container
interval number 4000 Loop interval time
direction string 'up' Direction