Directory

SimpleTimeline - Vaadin Add-on Directory

Create horizontal timelines and linear scales with this Vaadin component. SimpleTimeline - Vaadin Add-on Directory
SimpleTimeline is a Vaadin component for presenting data points on a horizontal line. It consists of two classes: - __SimpleTimeline__ Timeline element itself containing the items. - __SimpleTimelineItem__ A single item on the timeline that contains the text, HTML. Basic usage is as follows: ``` final SimpleTimeline t = new SimpleTimeline("Release schedule"); t.add(10, "Planning").addClassNames(SimpleTimelineItem.STYLE_SECONDARY,SimpleTimelineItem.VARIANT_DASHED); t.add(20, -1, "Brainstorming"); t.add(40, "More planning").addClassNames(SimpleTimelineItem.STYLE_PRIMARY); t.add(70, 2, "Scrum").addClassNames(SimpleTimelineItem.STYLE_PRIMARY, SimpleTimelineItem.VARIANT_FILLED); t.add(95, 2, "Deadline: 31.12.2022").addClassNames(SimpleTimelineItem.VARIANT_FILLED, SimpleTimelineItem.STYLE_ERROR); t.setBreaks(25,50,75); t.addClickListener(e -> Notification.show(e.getItem().getText())); add(t); ``` Which creates the following timeline: ![](https://github.com/samie/SimpleTimeline/raw/v23/roadmap-timeline.png) This component is based on [@parttio/simple-timeline](https://www.npmjs.com/package/@parttio/simple-timeline)
View on GitHub

SimpleTimeline version 1.0.0
First Vaadin version based on @parttio/simple-timeline 2.0.5