MDX Test met Aangepaste Componenten

title: "MDX Test met Aangepaste Componenten" description: "Testen van IntroText, blockquotes en andere MDX-functies" date: "2025-03-02" categories: ["Test", "MDX"] imageUrl: "andy-hermawan-bVBvv5xlX3g-unsplash.jpg" imageCredit: "Test afbeelding" published: false nrWords: 350 authors: ["Test Auteur"]

Dit is een inleidende tekst met behulp van de IntroText-component. Het moet worden opgemaakt met een blauwe linkerrand en juiste tussenruimte.

Dit is een gewone alinea met vetgedrukte tekst en cursieve tekst.

Hier is een opsommingslijst:

En een genummerde lijst:

Dit is een afbeelding:

De standaardgrootte van afbeeldingen is 'medium', maar je kunt afbeeldingen ook kleiner of groter maken:

Grootte 'full' bestaat ook, maar met de beperkte blog-weergave zal het hier dezelfde grootte tonen als 'large'.

Je kunt ook links in documenten plaatsen: 'Dit is een externe link'

Dit omvat ook links naar lokale pagina's (de landinstelling wordt automatisch toegevoegd) 'Dit is een interne link'

Hier is een blockquote met standaard Markdown-syntax:

Dit is een blockquote. Het moet worden opgemaakt met een blauwe linkerrand en juiste tussenruimte.

Het kan meerdere alinea's bevatten.

Het is ook mogelijk om mensen te citeren:

Dat wist ik nooit!
Mahatma Gandhi

Als we een testimonial hebben toegevoegd, kunnen we ook hun avatar aan het citaat toevoegen:

Tidal Control is de beste compliance-automatiseringstool die we ooit hebben gebouwd.
| Tidal

We kunnen ook een foto aan het citaat toevoegen, zolang deze in het afbeeldingenregister staat:

Een kleine stap voor de mens. Een reuzenstap voor de mensheid.

Dit is een informatieve callout-component. Het moet een blauwe opmaak hebben.

Dit is een waarschuwings-callout-component. Het moet een gele opmaak hebben.

Dit is een fout-callout-component. Het moet een rode opmaak hebben.

Deze pagina laat zien hoe u Docusaurus-stijl callouts in uw MDX-inhoud kunt gebruiken.

::: note Dit is een eenvoudige note callout. :::

::: tip Mijn aangepaste tiptitel Hier is een handige tip met een aangepaste titel!

U kunt meerdere alinea's en andere markdown-elementen erin opnemen.

::: info Hier is wat belangrijke informatie. :::

::: caution Wees voorzichtig wanneer u dit doet. :::

::: warning Dit is een waarschuwingsbericht. :::

::: danger Deze bewerking is gevaarlijk en niet omkeerbaar! :::

Hier is een codeblok:

function greeting(name) {
  return `Hello, ${name}!`;
}
console.log(greeting('World'));