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'
}
]
}