
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
react-vertical-timeline
Advanced tools
Include the following package in your package.json : npm install --save react-vertical-timeline'
.
Import the UI components into your App:
import { Timeline, Bookmark } from 'react-vertical-timeline';
...
See demo section
Clone the repo : git clone https://github.com/yeyus/react-vertical-timeline
.
To get started with fresh history, do this:
cd react-vertical-timeline
npm install
- Install all dependenciesnpm start
- Start demo siteHOST
, PORT
).The test setup is based on Jest. Code coverage report is generated to coverage/
. The coverage information is also uploaded to codecov.io after a successful Travis build.
test:watch
too.The boilerplate includes a GitHub Pages specific portion for setting up a documentation site for the component. The main commands handle with the details for you. Sometimes you might want to generate and deploy it by hand, or just investigate the generated bundle.
./gh-pages
directory../gh-pages
to the gh-pages
branch. GitHub will pick this up automatically. Your site will be available through *.github.io/`.state: { progress: 50 }
---
<Timeline height={300} progress={ state.progress } onSelect={p => setState({ progress: p })}>
<Bookmark progress={20} onSelect={p => setState({ progress: p})}>
Hi there 20%
</Bookmark>
<Marker progress={33}/>
<Bookmark progress={55} onSelect={p => setState({ progress: p})}>
Hi there 55%
</Bookmark>
<Bookmark progress={75} onSelect={p => setState({ progress: p})}>
Hi there 75%
</Bookmark>
</Timeline>
react-vertical-timeline is available under MIT. See LICENSE for more details. Based on react-component-boilerplate
FAQs
vertical timeline bar with bookmarks support
The npm package react-vertical-timeline receives a total of 49 weekly downloads. As such, react-vertical-timeline popularity was classified as not popular.
We found that react-vertical-timeline demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.