Components Overview

Available Components

Vellocs provides several built-in components for common documentation patterns.

Typography

The prose styles are automatically applied to your MDX content:

Headings

Use standard markdown headings. H2 and H3 headings appear in the Table of Contents.

Code Blocks

Inline code and code blocks are styled automatically:

function greet(name) {
    return `Hello, ${name}!`;
}

Lists

Both ordered and unordered lists work as expected:

• First item
• Second item
• Third item

Blockquotes

This is a blockquote. Use it for important alerts or quotes.

Custom Components

You can extend the MDX component map to add your own custom components for things like:

• Alert boxes
• Tabs
• Cards
• Code groups

Styling

All components respect the dark mode theme and use the configured color palette.