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}'
}
}
}
}
})
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.