Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sytanta/svelte-animated-timeline
Timeline component supporting animation, custom icon, vertical & horizontal modes
https://github.com/sytanta/svelte-animated-timeline
svelte svelte-component svelte-timeline timeline typescript
Last synced: 2 months ago
JSON representation
Timeline component supporting animation, custom icon, vertical & horizontal modes
- Host: GitHub
- URL: https://github.com/sytanta/svelte-animated-timeline
- Owner: sytanta
- Created: 2023-02-20T10:17:41.000Z (almost 2 years ago)
- Default Branch: main
- Last Pushed: 2023-02-20T10:33:29.000Z (almost 2 years ago)
- Last Synced: 2024-11-11T10:06:12.168Z (3 months ago)
- Topics: svelte, svelte-component, svelte-timeline, timeline, typescript
- Language: Svelte
- Homepage: https://svelte-animated-timeline.netlify.app
- Size: 66.4 KB
- Stars: 6
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# svelte-animated-timeline
Timeline component supporting animation, custom icon, vertical & horizontal modes
This component is created and inspired by [`react-vertical-timeline`](https://github.com/stephane-monnot/react-vertical-timeline)
## Install
```bash
npm i svelte-animated-timeline
```
## Usage
- Basic usage
```bash
import { Timeline, TimelineElement } from 'svelte-animated-timeline';
import WorkIcon from '$lib/components/WorkIcon.svelte';
Creative Director
Miami, FL
Creative Direction, User Experience, Visual Design, Project Management, Team Leading
Art Director
San Francisco, CA
Creative Direction, User Experience, Visual Design, SEO, Online Marketing
```
- Full line timeline
```bash
import { Timeline, TimelineElement } from 'svelte-animated-timeline';
import WorkIcon from '$lib/components/WorkIcon.svelte';
Creative Director
Miami, FL
Creative Direction, User Experience, Visual Design, Project Management, Team Leading
Art Director
San Francisco, CA
Creative Direction, User Experience, Visual Design, SEO, Online Marketing
```