Headers and text

Beautifully styled headings, paragraphs, text formatting, and links for optimal readability.

Headings

Use headings to organize your content and make it easier to read.

H1 to H3 headings get anchor links and show up in the table of contents for easy navigation.

You can control anchor links generation (for example, for AI chat interfaces) in your nuxt.config.ts:

nuxt.config.ts

export default defineNuxtConfig({
  content: {
    renderer: {
      anchorLinks: false
    }
  }
})

You can control behavior of toc generation in your nuxt.config.ts:

nuxt.config.ts

export default defineNuxtConfig({
  content: {
    build: {
      markdown: {
        toc: {
          depth: 3
        }
      }
    }
  }
})

Structure your content with clear paragraphs and consistent text formatting for better readability.

To create a link, wrap the link text in brackets followed by the URL in parentheses. Works for both external and internal links.

Use blockquotes to highlight important information or quotes.

Use horizontal rules to visually separate content sections.

Introduction

Beautiful typography components and utilities to style your content with Nuxt UI.

Lists and tables

Organize information with styled lists and responsive tables for clear, consistent readability.