Reusable UI Components developed by DTL.

Usage as React Components

Carousel Banner Component

Example:

import CarouselBanner from 'react-dtl/dist/components/feature-carousel/CarouselBanner';

class App extends Component {
  render() {
    return (
      <div>
        <p>Random Number Display Component</p>
        <CarouselBanner banners={this.props.banners} />
      </div>
    );
  }
}

Banners data-structure looks like below:

banners: {
    isLoading: false,
    failedToLoad: false,
    data: [
        {
            title: 'Crazy Last Week',
            description: 'They are convenient, on-point and easy to handle: apps help you through the day. On your iPhone or Android smartphone or in SharePoint.',
            image: 'http://placehold.it/1500x400'
        },
        {
            title: 'Introducing new Leave Management Tool',
            description: 'We have put together a selection of SharePoint apps, which we believe to provide the best help. And to top it off, these apps can be downloaded for free.',
            image: 'http://placehold.it/1500x400'
        }
    ]
}