Sidenotes and Margin Notes
This page demonstrates the use of Tufte-style sidenotes and margin notes in your course content. These are particularly useful for academic writing where you want to provide additional context without breaking the flow of the main text.
What are Sidenotes?
Sidenotes are numbered notes that appear in the margin on desktop screens. They’re perfect for citations, clarifications, or tangential information that enriches the main content without interrupting it.
The beauty of sidenotes is that they keep related information visually connected to the main text. Unlike footnotes, readers don’t have to jump to the bottom of the page and back…
Two-Column Sidenote Blocks
You can also use the SidenoteBlock component to create content with sidenotes in a two-column layout. This approach ensures the sidenote appears directly alongside its related content, making the relationship clear and immediate.
After the sidenote block, the content returns to full width automatically. This makes it easy to mix regular content with annotated sections.