Markdown guide

Grundlæggende elementer

Tekstformatering

Text formatting med MDX understøtter forskellige stilarter

Dette er bold tekst og dette er kursiv tekst

Dette er bold kursiv tekst og dette er strikethrough

Dette er inline kode og dette er en link

Du kan også bruge underlined tekst når det er nødvendigt

Citater

Regulær citat

Dette er et grundlæggende citat

Indlejrede citat

Første niveau

Andet niveau

Tredje niveau

Citat med blandet indhold

Overskrift i citat

• Liste element i citat
• Et andet element

// Kode i citat
console.log('Hello');

Liste og elementer

Usorteret liste

• Første element
• Andet element
• Tredje element

Sortert liste

1. Første trin
2. Andet trin
3. Tredje trin

Indlejret liste

• Hovedelement
  • Underoverskrift 1
  • Underoverskrift 2
    • Dyb element 1
    • Dyb element 2
  • Underoverskrift 3
• Andet element

Kodeblokke

Inline kode const example = true.

Basic JavaScript

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

TypeScript eksempel

interface User {
  id: string;
  name: string;
  email: string;
}
 
function processUser(user: User): void {
  console.log(`Processing ${user.name}`);
}

React komponent

interface Props {
  title: string;
  children: React.ReactNode;
}
 
export function Card({ title, children }: Props) {
  return (
    <div className="card">
      <h2>{title}</h2>
      {children}
    </div>
  );
}

Tables

Layouts

Grid layout

Flex layout

Components

Accordion

Callout

Image

Link

Linked Card

Tabs

Basic tabs

Code tabs

function add(a, b) {
  return a + b
}

Resources

• MDX Dokumentation
• React Dokumentation
• Next.js Dokumentation
• TypeScript Håndbog
• Accessibility Retningslinjer