Embedded Video

👆 Directly embedded YouTube video. The video ID is taken from the original URL and it is embedded via their no-cookie domain: https://www.youtube-nocookie.com/embed/<video-id>

Code Syntax Highlighting

export const calculateSum = (...numbers: number[]): number => {
  return numbers.reduce((sum, num) => sum + num, 0);
};

// Example usage:
const result = calculateSum(2, 4, 6, 8);
console.log(result); // Output: 20

👆 highlight.js (with the dark GitHub theme) is used to highlight the code.

Overwrite Components

Here is a link to Wikipedia.

👆 The libraries component of an a (link) element was overwritten in this example.

Localize Dates

15. August 2024

👆 The date is rendered as a German date.

Internal Links (Child Page & Link)

IconChild Page

👆 A child page with a custom icon.

A link to another Notion as link and as “mention” IconChild Page.

👆 The same child page as a regular link and as “mention”.