react-chrono
Modern Timeline Component for React
File Explorer
Download Latest Version (.zip)- bug_report.md
- feature_request.md
- chromatic.yml
- ci.yml
- coveralls.yml
- playwright.yml.disabled
- release.yml
- size-limit.yml.disabled
- snyk.yaml
- dependabot.yml.disabled
- FUNDING.yml
- PULL_REQUEST_TEMPLATE.md
- main.ts
- preview.tsx
- settings.json
- eslint.config.mjs
- vite.config.mts
- vite.site.config.mts
- vitest.config.mts
- index.html
- .last-run.json
- browserstack.json
- playwright-ct.config.ts
- playwright.config.ts
- playwright.integration.config.ts
- _placeholder.css
- cssesc-path.mjs
- cssesc-wrapper.js
- postcss.config.js
- stylelint.config.js
- tailwind.config.js
- QUICK_REFERENCE.md
- REACT_CHRONO_API_CATALOG.md
- react_chrono_issues_tracker.csv
- camera.svg
- color-circle.svg
- d-day.mp4
- dunkirk.mp4
- favicon.ico
- github copy.svg
- github.svg
- grid.svg
- list.svg
- manifest.json
- notification-bell.svg
- operation-barbarasso.mp4
- pearl-harbor.mp4
- robots.txt
- rss.svg
- satellite-dish.svg
- zap.svg
- zapold.svg
- dark_mode.png
- horizontal-all.jpg
- logo.png
- social-logo-small.png
- text_overlay.jpg
- timeline-with-media.jpg
- vertical_alternating.jpg
- vertical_alternating_full.jpg
- vertical_alternating_mode.png
- vertical_basic.jpg
- vertical_mode.jpg
- vertical_mode_high_density.png
- dynamic-update-bug.test.tsx
- GlobalContext.test.tsx
- error-boundary.css.ts
- index.ts
- TimelineErrorBoundary.tsx
- index.ts
- index.tsx
- theme-validation.test.ts
- index.ts
- TimelineContextProvider.i18n.test.tsx
- index.tsx
- TimelineContextProvider.tsx
- useClickOutside.test.tsx
- useMatchMedia.test.tsx
- useNewScrollPosition.test.ts
- useSlideshow.test.ts
- useCloseClickOutside.ts
- useMatchMedia.ts
- useNewScrollPosition.ts
- useSlideshow.ts
- list-item.test.tsx
- list.test.tsx
- list-item.tsx
- list.css.ts
- list.model.ts
- list.tsx
- popover.test.tsx
- index.tsx
- popover.css.ts
- popover.model.ts
- font-provider.test.tsx
- google-fonts.test.ts
- font-provider.tsx
- google-fonts.ts
- index.ts
- arrow-down.tsx
- check.tsx
- chev-down.tsx
- chev-left.tsx
- chev-right.tsx
- chevs-left.tsx
- chevs-right.tsx
- close.tsx
- icon-base.css.ts
- IconWrapper.tsx
- index.tsx
- layout.tsx
- maximize.tsx
- menu.tsx
- minimize.tsx
- minus.tsx
- moon.tsx
- para.tsx
- plus.tsx
- replay-icon.tsx
- stop.tsx
- sun.tsx
- keyboard-navigation.test.tsx
- layout-switcher.test.tsx
- timeline-props-validation.test.tsx
- timeline.test.tsx
- timeline-new.css.ts
- timeline-popover-elements.tsx
- timeline-popover.model.ts
- timeline-toolbar.model.ts
- timeline-toolbar.tsx
- timeline.tsx
- TimelineView.tsx
- fullscreen-button.test.tsx
- fullscreen-button.css.ts
- fullscreen-button.model.ts
- index.tsx
- fullscreen-control.test.tsx
- fullscreen-control.model.ts
- index.tsx
- index.test.tsx
- details-text-memo.tsx
- expand-button-memo.tsx
- memoized-model.ts
- show-hide-button.tsx
- subtitle-memo.tsx
- title-memo.tsx
- nested-timeline-cards.tsx
- nested-timeline-renderer.tsx
- timeline-horizontal-card.test.tsx.snap
- timeline-horizontal-card.test.tsx
- useTimelineCard.ts
- timeline-card-portal.tsx
- timeline-point.css.ts
- timeline-point.tsx
- timeline-horizontal-card.css.ts
- timeline-horizontal-card.tsx
- content-footer.test.tsx.snap
- content-header.test.tsx.snap
- content-footer.test.tsx
- content-header.test.tsx
- details-text.test.tsx
- text_or_content.test.tsx
- timeline-card-content.test.tsx
- card-system.css.ts
- CardExpandButton.tsx
- content-footer.tsx
- content-header.tsx
- details-text.model.ts
- details-text.tsx
- header-footer.model.ts
- text-or-content.tsx
- timeline-card-content.css.ts
- timeline-card-content.tsx
- timeline-card-media.test.tsx.snap
- timeline-card-media.test.tsx
- ContentDisplay.tsx
- ErrorMessage.tsx
- ImageDisplay.tsx
- MediaContent.tsx
- VideoPlayer.tsx
- YoutubePlayer.tsx
- useMediaLoad.ts
- useToggleControls.ts
- useViewOptions.ts
- useYouTubeDetection.ts
- timeline-card-media-buttons.css.ts
- timeline-card-media-buttons.tsx
- timeline-card-media.css.ts
- timeline-card-media.tsx
- video.css.ts
- video.tsx
- timeline-control.test.tsx.snap
- timeline-control.test.tsx
- timeline-control.css.ts
- timeline-control.tsx
- timeline-controls-wrapper.css.ts
- timeline-controls-wrapper.tsx
- timeline-card-title.test.tsx.snap
- timeline-card-title.test.tsx
- timeline-card-title.css.ts
- timeline-card-title.tsx
- timeline-outline.test.tsx
- useOutlinePosition.ts
- animations.ts
- timeline-outline-item-list.tsx
- timeline-outline.css.ts
- timeline-outline.model.ts
- timeline-outline.tsx
- card-system-v2.css.ts
- timeline-horizontal.test.tsx
- timeline-horizontal.css.ts
- timeline-horizontal.tsx
- timeline-point.test.tsx.snap
- timeline-vertical-item.test.tsx.snap
- timeline-point.test.tsx
- timeline-vertical-item.test.tsx
- MeasuredItem.tsx
- timeline-point.tsx
- timeline-vertical-item.tsx
- timeline-vertical-shape.css.ts
- timeline-vertical.css.ts
- timeline-vertical.tsx
- index.tsx
- toggle-button.css.ts
- toggle-button.styles.ts
- toolbar-comprehensive.test.tsx
- toolbar.test.tsx
- index.tsx
- toolbar.css.ts
- GlobalContext.tsx
- index.tsx
- AllHorizontal.tsx
- BasicHorizontal.tsx
- CardlessHorizontal.tsx
- index.ts
- InitialSelectedHorizontal.tsx
- AlternatingNestedVertical.tsx
- AlternatingVertical.tsx
- BasicVertical.tsx
- CardlessVertical.tsx
- ComprehensiveVertical.tsx
- CustomContentVertical.tsx
- CustomContentWithIconsVertical.tsx
- index.ts
- MediaShowcaseVertical.tsx
- MixedVertical.tsx
- NestedVertical.tsx
- NewMediaVertical.tsx
- DemoPageLayout.tsx
- Footer.tsx
- Header.tsx
- HeroSection.tsx
- HomePage.tsx
- index.ts
- Sidebar.tsx
- ThemeShowcase.tsx
- basic-timeline.tsx
- index.ts
- media-showcase.ts
- mixed-timeline.ts
- nested-timeline.ts
- technology-evolution.ts
- world-history.ts
- App.css.ts
- App.styles.css
- App.tsx
- array-map-dynamic.tsx
- auto-card-height.tsx
- custom-theme-example.tsx
- dynamic-load.tsx
- layout.module.scss
- layout.tsx
- README.md
- PRIORITY_MIGRATION_PLAN.md
- basic-horizontal.tsx
- basic-slideshow.tsx
- basic-vertical.tsx
- data.ts
- slideshow-with-overall-progress.tsx
- useBackground.test.ts
- useCardSize.test.ts
- useEscapeKey.test.ts
- useFocusManager.test.ts
- useFullscreen.test.ts
- useI18n.test.ts
- useMeasureHeight.test.ts
- useMediaState.test.ts
- useOutsideClick.test.ts
- useTimelineKeyboardNavigation.test.ts
- useTimelineMedia.test.ts
- useTimelineMode.test.ts
- useTimelineNavigation.test.ts
- useTimelineScroll.test.ts
- useTimelineScrolling.test.ts
- useTimelineSearch.test.ts
- useUIState.test.ts
- useWindowSize.test.ts
- utils.test.ts
- useAccessibleDialog.test.tsx
- useAriaLiveRegion.test.ts
- usePrefersReducedMotion.test.ts
- useRovingTabIndex.test.ts
- index.ts
- useAccessibleDialog.ts
- useAriaLiveRegion.tsx
- usePrefersReducedMotion.ts
- useRovingTabIndex.ts
- index.ts
- useBackground.ts
- useCardSize.ts
- useEscapeKey.ts
- useFocusManager.ts
- useFullscreen.ts
- useI18n.ts
- useMeasureHeight.ts
- useMediaState.ts
- useOutsideClick.ts
- useSlideshowProgress.ts
- useTimelineItemNavigation.ts
- useTimelineKeyboardNavigation.ts
- useTimelineMedia.ts
- useTimelineMode.ts
- useTimelineNavigation.ts
- useTimelineScroll.ts
- useTimelineScrolling.ts
- useTimelineSearch.ts
- useUIState.ts
- useVirtualizedVerticalTimeline.ts
- useWindowSize.ts
- utils.ts
- TimelineI18n.test.ts
- Theme.ts
- TimelineCardTitleModel.ts
- TimelineConfig.ts
- TimelineContentModel.ts
- TimelineControlModel.ts
- TimelineHorizontalModel.ts
- TimelineI18n.ts
- TimelineItemModel.ts
- TimelineMediaModel.ts
- TimelineModel.ts
- TimelinePropsV2.ts
- TimelineVerticalModel.ts
- ToolbarItem.ts
- ToolbarProps.ts
- index.css.ts
- component-patterns.css.ts
- enhanced-properties.css.ts
- enhanced-sprinkles.css.ts
- properties.css.ts
- sprinkles.css.ts
- font-styles.css.ts
- recipes.css.ts
- sprinkles.css.ts
- static.css.ts
- index.css.ts
- semantic-tokens.css.ts
- themes.css.ts
- a11y.css.ts
- animations.css.ts
- design-system.css.ts
- global.css.ts
- index.css.ts
- index.ts
- layout.css.ts
- scrollbar.css.ts
- theme-bridge.ts
- themes.css.ts
- tokens.css.ts
- types.ts
- z-index.ts
- test-wrapper.tsx
- global.d.ts
- textResolver.test.ts
- comparison.ts
- index.ts
- mediaQueryUtils.ts
- propMigration.ts
- propUtils.ts
- textResolver.ts
- throttle.ts
- timelineUtils.ts
- validation.ts
- index.css
- index.tsx
- react-chrono.ts
- test-setup.js
- StoryContainer.tsx
- custom-content.stories.tsx
- interactive.stories.tsx
- media-support.stories.tsx
- horizontal.stories.tsx
- vertical.stories.tsx
- theming.stories.tsx
- example-component.spec.tsx
- custom-content.spec.ts
- horizontal-all-mode.spec.ts
- horizontal-all-mode.spec.ts.bak
- horizontal-mode-fixes.patch
- horizontal-mode.spec.ts
- vertical-alternating-mode.spec.ts
- vertical-mode.spec.ts
- timeline-props.spec.ts
- dynamic-load.spec.ts
- timeline-accessibility.spec.ts
- timeline-advanced-features.spec.ts
- timeline-cardless-nested.spec.ts
- timeline-cardless-nested.spec.ts.bak
- timeline-comprehensive.spec.ts.disabled
- timeline-horizontal.spec.ts
- timeline-media.spec.ts
- timeline-navigation-controls.spec.ts
- timeline-nested-keyboard-nav.spec.ts
- timeline-performance.spec.ts
- timeline-theme-responsive.spec.ts
- timeline-vertical-alternating.spec.ts
- timeline-vertical.spec.ts
- timeline-with-api.spec.ts.disabled
- selector-map.ts
- test-fixtures.ts
- test-data.ts
- timeline-helpers.ts
- index-BTSkDOrM.css
- index-CdlzW-bl.js
- index.html
- App.tsx
- main.tsx
- index.html
- package.json
- pnpm-lock.yaml
- tsconfig.json
- tsconfig.node.json
- vite.config.ts
- build-output.test.ts
- demo-app.e2e.test.ts
- README.md
- global-setup.ts
- run-tests.sh
- static.d.ts
- .all-contributorsrc
- .chromatic.json
- .editorconfig
- .gitignore
- .kodiak.toml
- .npmignore
- .npmrc
- .prettierignore
- .prettierrc
- .snyk
- BACKLOG.md
- bun.lock
- CHANGELOG.md
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- index.html
- knip-report.json
- knip.config.ts
- LICENSE
- package.json
- pnpm-lock.yaml
- PROPS-REFERENCE.md
- README.md
- SECURITY.md
- tsconfig.build.json
- tsconfig.dev.json
- tsconfig.json
// repository documentation
Was this content helpful?
(0 ratings)