Example Article

admin •
Example Article Image
Example Article Image

This article demonstrates how to use various MDX components in blog posts.

Product Showcase

Here’s a product card display:

Resource Showcase

This is a resource card:

Catalog Showcase

Check out our product catalog:

Image Showcase

Single Image

Example Image 1
This is an example image

Image Grid

Grid Image 1
First grid image
Grid Image 2
Second grid image
Grid Image 3
Third grid image

Code Showcase

// This is a sample code
function hello(name: string) {
  console.log(`Hello, ${name}!`);
}

Table Showcase

FeatureDescriptionSupport Status
MDXMarkdown superset✅
ComponentsReusable UI components✅
ImagesResponsive image handling✅

Quote Showcase

This is a quote that can be used to highlight important content.

— Author Name

Summary

This article demonstrates how to use various components and Markdown syntax in MDX files to create rich and engaging content.