0.1.42 • Published 5 years ago
@merc/react-timeline v0.1.42
React Timeline
The easiest way to add responsive and customizable timelines to React apps.
View the documentation for detailed instructions and demos.
Installation
npm install @merc/react-timeline
# or
yarn add @merc/react-timeline
Usage
import React from 'react';
import {
Timeline,
Events,
UrlButton,
ImageEvent,
TextEvent,
YouTubeEvent,
} from '@merc/react-timeline';
export default function App() {
return (
<Timeline>
<Events>
<TextEvent date="1/1/19" text="**Markdown** is *supported*" />
<ImageEvent
date="4/13/19"
text="You can embed images..."
src="https://res.cloudinary.com/dovoq8jou/image/upload/v1564772194/jellyfish.jpg"
alt="jellyfish swimming"
credit="Photo by [@tavi004](https://unsplash.com/@tavi004)"
>
<div>
<UrlButton href="https://unsplash.com/search/photos/undersea">
View more undersea photos
</UrlButton>
</div>
</ImageEvent>
<YouTubeEvent
date="6/18/19"
id="6UnRHtwHGSE"
name="General Tso's Chicken recipe"
text="... and YouTube videos!"
/>
</Events>
</Timeline>
);
}
0.1.42
5 years ago
0.1.41
5 years ago
0.1.40
5 years ago
0.1.38
5 years ago
0.1.37
5 years ago
0.1.36
5 years ago
0.1.34
5 years ago
0.1.33
5 years ago
0.1.32
5 years ago
0.1.31
5 years ago
0.1.30
5 years ago
0.1.29
5 years ago
0.1.28
5 years ago
0.1.27
5 years ago
0.1.26
5 years ago
0.1.25
5 years ago
0.1.24
5 years ago
0.1.23
5 years ago
0.1.22
5 years ago
0.1.21
5 years ago
0.1.20
5 years ago
0.1.19
5 years ago
0.1.18
5 years ago
0.1.17
5 years ago
0.1.16
5 years ago
0.1.15
5 years ago
0.1.14
5 years ago
0.1.13
5 years ago
0.1.12
5 years ago
0.1.11
5 years ago
0.1.10
5 years ago
0.1.9
5 years ago
0.1.8
5 years ago
0.1.7
5 years ago
0.1.6
5 years ago
0.1.5
5 years ago
0.1.4
5 years ago
0.1.3
5 years ago
0.1.2
5 years ago
0.1.1
5 years ago
0.1.0
5 years ago