📢 发布 React Timeline

本文最初发表于stevemerc.com

我很高兴地宣布发布React Timeline，这是一个用于在 React 应用程序中创建响应式、可定制和可主题化的时间线的开源库。

该库最初被认为是开发人员和设计师展示其工作和成就（例如发表的文章、会议演讲的视频、创建的设计等）的一种方式，它还适用于任何想要按时间顺序显示事件的时间线类型。

它的 API 提供了高级Event组件，让用户快速构建时间线，以及用于组成更高级别事件的低级组件。

时间轴完全可主题化——所有视觉元素，包括事件包装器、日期、时间轴、标记和事件内容，都可以通过主题对象进行自定义。每个组件还公开了语义化的 CSS 类名，从而可以通过传统样式表进行样式设置。我们的目标是让用户尽可能地控制视觉样式。系统提供了一些开箱即用的主题，您可以轻松创建自己的主题。

React Timeline 支持多种布局。默认情况下，事件会在时间线上交替显示（假设视口足够宽），但你也可以提供一个 layout prop 来改变事件的排列方式。

在此处查看文档和演示，并在此处查看源代码。

您可以查看下面的 CodeSandbox 演示，但我建议在新选项卡中打开它以查看响应式布局的行为。

👋喜欢这篇文章吗？

订阅我的时事通讯并在 Twitter 上关注我@mercatante以获取更多类似内容。