MDX Test met Aangepaste ComponentenTest afbeelding
Test
MDX
3 min read

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"]

MDX Test met Aangepaste Componenten

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

Standaard Markdown-functies

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

Lijsten

Hier is een opsommingslijst:

  • Item 1
  • Item 2
  • Item 3

En een genummerde lijst:

  1. Eerste item
  2. Tweede item
  3. Derde item

Afbeeldingstest

Dit is een afbeelding:

Een afbeelding

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

Een afbeelding Een afbeelding

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

Linkstest

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'

Blockquote-test

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

AvatarQuote-test

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

PhotoQuote-test

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

Foto van Tidal

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

Callout-componenttest

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.

Docusaurus-waarschuwingen!

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.

  • Like-lijsten
  • Met meerdere items :::

::: 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! :::

Codeblokken

Hier is een codeblok:

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