Lorem ipsum

Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.

Consetetur sadipscing

Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.

Sed diam nonumy

Eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.

Timeline

Zeitstrahl

Die Timeline-Komponente wird verwendet, um Ereignisse oder Meilensteine in chronologischer Reihenfolge darzustellen. Sie eignet sich besonders für die Präsentation von Unternehmensgeschichte, Projektverlauf oder Karriereweg.

Codebeispiel

<Timeline
items={[
  { title: 'Lorem ipsum', description: 'Dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat.', icon: 'tabler:building-store', classes: { panel: 'mb-8', title: 'text-primary' } },
  { title: 'Consetetur sadipscing', description: 'Elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.', icon: 'tabler:rocket' },
  { title: 'Sed diam nonumy', description: 'Eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam.', icon: 'tabler:world' }
]}
defaultIcon="tabler:circle"
classes={{ container: 'max-w-3xl mx-auto', panel: 'p-4', title: 'text-xl font-bold', description: 'text-gray-600 dark:text-gray-300' }}
/>
Wiki-Dokumentation Quellcode