React Timelines

Install

npm install react-timelines-updated

Feel free to replace npm with whatever package manager you are using.

import Timeline from 'react-timelines-updated'

const MyWidget = () => <Timeline {...props} />

export default MyWidget

Using Webpack with CSS loader, add the following:

import 'react-timelines-updated/lib/css/style.css'

Using Sass you can configure the timeline with variables:

$react-timelines-font-family: MaryAnn;
$react-timelines-sidebar-width: 320px;

@import '~/react-timelines-updated/src/scss/style';

Create a CSS file with the contents of react-timelines-updated/lib/css/style.css and include it in <head>

npm install
npm run watch

This library is developed using VSCode - opening it in VSCode will recommend extensions, and enable linting and auto-formatting of code.

Name		Name	Last commit message	Last commit date
Latest commit History 496 Commits
.codesandbox		.codesandbox
.github/workflows		.github/workflows
.vscode		.vscode
demo		demo
src		src
.babelrc		.babelrc
.editorconfig		.editorconfig
.eslintignore		.eslintignore
.eslintrc		.eslintrc
.gitignore		.gitignore
.nvmrc		.nvmrc
CHANGELOG.md		CHANGELOG.md
LICENSE		LICENSE
README.md		README.md
jest.config.ts		jest.config.ts
jestSetup.ts		jestSetup.ts
package.json		package.json
pnpm-lock.yaml		pnpm-lock.yaml
prettier.json		prettier.json
tsconfig.build.json		tsconfig.build.json
tsconfig.eslint.json		tsconfig.eslint.json
tsconfig.json		tsconfig.json