Web Components

Use the Timeline as a native web component with simple HTML tags.

Examples

Programmatic Control

<lm-timeline id="timeline" align="left" order="desc"></lm-timeline>

<script>
const element = document.getElementById('timeline');

// Set data
element.data = [
    { title: 'Planning', date: '2025-01-01', borderColor: '#3498db' },
    { title: 'Development', date: '2025-02-01', borderColor: '#e74c3c' },
    { title: 'Launch', date: '2025-03-01', borderColor: '#2ecc71' }
];
</script>

Related