Timeline

The Timeline component provides a structured way to display chronological or sequential events, making it ideal for resumes, project milestones, or historical overviews. Perfect for creating professional timelines or presenting any series of events in a clean and engaging format.

Usage

---
import { Timeline } from '@yatoday/astro-ui/astro';
---

<Timeline
  items={[
    {
      title: 'Graphic Designer <br /> <span class="font-normal">ABC Design Studio, New York, NY</span> <br /> <span class="text-sm font-normal">2021 - Present</span>',
      description: `Collaborate with clients to understand design requirements and objectives. <br /> Develop branding solutions, including logos, color palettes, and brand guidelines. <br /> Design marketing materials such as brochures, posters, and digital assets. <br /> Create visually appealing user interfaces for websites and applications.`,
      icon: 'tabler:briefcase',
    },
    {
      title: 'Junior Graphic Designer <br /> <span class="font-normal">XYZ Creative Agency, Los Angeles, CA</span> <br /> <span class="text-sm font-normal">2018 - 2021</span>',
      description: `Assisted senior designers in creating design concepts and visual assets. <br /> Contributed to the development of brand identities and marketing collateral. <br /> Collaborated with the marketing team to ensure consistent design across campaigns. <br /> Gained hands-on experience in various design software and tools.`,
      icon: 'tabler:briefcase',
    },
  ]}
/>

Props