Docs Layout

A layout used for Nuxt Content Document-driven mode.

It's a three-column layout component. Wraps native Nuxt layouts default.vue. Used for all content pages, if they don't have layout provided in front-matter.

Consists of aside navigation, main content area and a right sidebar for Table of contents and some additional slots.

This is not a MDC component.

Design Tokens

tokens.config.ts

import { defineTheme } from 'pinceau'

export default defineTheme({
   docux: {
      layout: {
         docs: {
            spacing: {
               initial: '0px',
               lg: '{space.6}',
               xl: '{space.8}'
            }
         }
      }
   }
})

Edit this page on GitHub

LayoutBasic LayoutThe most basic, single-column layout component. Wraps native Nuxt layouts basic.vue. Used for index page.LayoutContainerContainer component used for wrapping content in a centralized and manageable way. It centers content horizontally and provides a consistent maximum width and padding across all blocks of app layout.