Search code examples
vmware-clarity

Is it possible to combine vmware-clarity timeline selectors/components to achieve a more complex timeline?

I'm a backend developer with basic CSS knowledge. A few days back I found vmware-clarity and I was impressed by their vertical and horizontal timeline designs.

I was wondering if it is possible to combine the vmware-clarity timeline classes/angular-components to achieve something like this

enter image description here

Basically I need to combine horizontal and vertical timelines but not sure if this is possible using the current CSS classes. Appreciate any help in advance.

Solution

  • If this is helpful for anyone looking for the same, it is impossible to use the components out of the box and combine them into multiple timelines as in the snippet.

    I used multiple vertical timelines, then patch the CSS of the elements to add lines between them, hope this helps.