mdXtend

about

MDXtend Taxonomy for Contenlayer

2025-01-27

A powerful, minimalistic, and fast Markdown UI component library for all purposes—business, portfolios, and creative works.

Codeblocks

  • Single code block using <FileName></FileName> file:
htmlindex.html
Copy code
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Standard HTML, CSS, and JS</title>
    <link rel="stylesheet" href="styles.css">
</head>

<body>
    <header>
        <h1>Welcome to My Webpage</h1>
    </header>
    <main>
        <p>This is a simple webpage with HTML, CSS, and JavaScript.</p>
        <button id="alertButton">Click Me</button>
    </main>
    <footer>
        <p>&copy; 2025 My Website</p>
    </footer>
    <script src="script.js"></script>
</body>

</html>
  • Tabed code block using <TabGroup></TabGroup> and <Tab></Tab> file:
terminallocalhost:3000
Copy code

Welcome to My Webpage

This is a simple webpage with HTML, CSS, and JavaScript.

© 2025 My Website

Callouts

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Info

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Warning

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Caution

Vitae reprehenderit at aliquid error voluptates eum dignissimos.

Success

Vitae reprehenderit at aliquid error voluptates eum dignissimos.