{"$schema":"https://ui.shadcn.com/schema/registry-item.json","name":"c-timeline-1","type":"registry:block","title":"Basic timeline.","description":"Basic timeline.","dependencies":[],"registryDependencies":["@reui/timeline"],"files":[{"path":"c-timeline-1.tsx","type":"registry:block","content":"import {\n  Timeline,\n  TimelineContent,\n  TimelineDate,\n  TimelineHeader,\n  TimelineIndicator,\n  TimelineItem,\n  TimelineSeparator,\n  TimelineTitle,\n} from \"@/components/reui/timeline\"\n\nexport function Pattern() {\n  return (\n    <Timeline defaultValue={2} className=\"w-full max-w-md\">\n      <TimelineItem step={1}>\n        <TimelineHeader>\n          <TimelineDate>March 2024</TimelineDate>\n          <TimelineTitle>Project Initialized</TimelineTitle>\n        </TimelineHeader>\n        <TimelineIndicator />\n        <TimelineSeparator />\n        <TimelineContent>\n          Successfully set up the project repository and initial architecture.\n        </TimelineContent>\n      </TimelineItem>\n\n      <TimelineItem step={2}>\n        <TimelineHeader>\n          <TimelineDate>April 2024</TimelineDate>\n          <TimelineTitle>Beta Release</TimelineTitle>\n        </TimelineHeader>\n        <TimelineIndicator />\n        <TimelineSeparator />\n        <TimelineContent>\n          Launched the beta version for early testers and feedback.\n        </TimelineContent>\n      </TimelineItem>\n\n      <TimelineItem step={3}>\n        <TimelineHeader>\n          <TimelineDate>June 2024</TimelineDate>\n          <TimelineTitle>Official Launch</TimelineTitle>\n        </TimelineHeader>\n        <TimelineIndicator />\n        <TimelineSeparator />\n        <TimelineContent>\n          The platform is now live for all users worldwide.\n        </TimelineContent>\n      </TimelineItem>\n    </Timeline>\n  )\n}","target":"components/examples/c-timeline-1.tsx"}],"meta":{"order":1,"gridSize":1,"label":"Basic"}}