Elemente MDX

Această pagină demonstrează fiecare element de conținut: titluri, text, liste, cod, tabele, casete și citate. Folosește-o ca referință vizuală.

#Titluri și paragrafe

Textul de corp folosește o lungime de rând confortabilă pentru citit. Poți marca text îngroșat, poți folosi cod inline și poți adăuga link-uri interne sau externe.

#Un subtitlu de nivel trei

Subtitlurile de nivel trei apar în cuprinsul din dreapta, indentate față de cele de nivel doi.

#Liste

Listă neordonată:

• Primul element
• Al doilea element, cu cod inline
• Al treilea element

Listă ordonată:

1. Instalează dependențele
2. Configurează variabilele de mediu
3. Pornește serverul

#Blocuri de cod

Un bloc cu titlu de fișier și evidențiere de sintaxă:

import { promises as fs } from "fs";
 
export default async function Page() {
  const file = await fs.readFile(process.cwd() + "/app/data.json", "utf8");
  return <pre>{file}</pre>;
}

Un bloc de terminal:

bun add hazeloft
bun dev

Cu numerotarea liniilor și o linie evidențiată:

export const config = {
  name: "hazeloft",
  accent: "#00df80",
  darkMode: true,
};

#Casete de informații

#Citate

Documentația bună e ca un drum bine semnalizat: nu trebuie să te gândești unde s-o iei mai departe.

#Tabele