Open in a new tab
View code
tsx
<Curriculum
	summary={
		<StatStrip>
			<StatStrip.Item label="Chapters">12</StatStrip.Item>
			<StatStrip.Item label="Pages">286</StatStrip.Item>
			<StatStrip.Item label="Videos">18</StatStrip.Item>
			<StatStrip.Item label="Hours of video">4.5</StatStrip.Item>
		</StatStrip>
	}
>
	<Curriculum.Part title="Foundations" meta="4 chapters · 86 pages">
		<Curriculum.Lesson number="01" title="Why type is code" meta="18 pages" badge="Free">
			<CheckList>
				<CheckRow>Glyphs, fonts and the files that carry them</CheckRow>
				<CheckRow>What a browser does between bytes and pixels</CheckRow>
			</CheckList>
			<Link href="/sample.pdf">Read the chapter</Link>
		</Curriculum.Lesson>
		<Curriculum.Lesson number="02" title="The measure" meta="22 pages" />
		…
	</Curriculum.Part>
	<Curriculum.Part title="Systems" meta="4 chapters · 104 pages">…</Curriculum.Part>
	<Curriculum.Part title="Shipping" meta="4 chapters · 96 pages">…</Curriculum.Part>
</Curriculum>

<Curriculum layout="stack">…</Curriculum>