This article exercises the common Markdown elements supported by the article page. It includes bold text, italic text, strikethrough, and inline code, plus a link to the portfolio.
Nested Sections
Section indicators follow the active heading. Their visible marks are intentionally unlabeled.
A Nested Heading
Nested headings are indented in the indicator rail. Scroll down to see the active mark move.
Lists
An unordered list:
- First item
- Second item with emphasis
- Third item
An ordered list:
- Open the article
- Follow a section link
- Continue reading
Blockquote
Good tools should make the important parts easier to see.
This quote checks the article’s inset text styling.
Code
Use aria-label when an interactive control has no visible text.
type ArticleSection = {
id: string;
label: string;
};
const section: ArticleSection = {
id: 'code',
label: 'Code',
};Table
| Element | Expected rendering |
|---|---|
| Heading | Clear hierarchy and section indicator |
| Link | Underlined and navigable |
| Code | Monospaced and readable |
Final Section
The horizontal divider, spacing, final active indicator, and article back link can all be checked here.