Naive UI 示例

本页直接在 Markdown 中使用 Naive UI 组件。NMessageProvider / NDialogProvider 已在主题 Layout 中全局挂载，因此页面组件可以直接使用 useMessage / useDialog。

基础组件

Tag

表单组件

输入点什么...

选择一个选项

集成要点

• docs/.vitepress/theme/index.ts 中通过 app.use(naive) 全局注册组件
• 使用 NConfigProvider（abstract + inlineThemeDisabled）包裹默认 Layout
• SSR 构建时通过 @css-render/vue3-ssr 收集 css-render 样式并内联，避免首屏样式闪烁