Folders

Configure directory nodes via _dir.yml files.

You can customize folders by creating a _dir.yml file in the folder.

_dir.yml
Directory structure
title: Folder
icon: lucide:folder
navigation.redirect: /frameworks/vue
navBadges:
  - value: New
    type: lime
sidebar:
  style: group
collapse: false

Parameters

titlestring
Title of the page. Defaults to the filename.
iconstring
The icon shown in the sidebar for the page.
navBadges[]
A list of badges appended to the end of the sidebar link.
collapseboolean
Whether the folder should be collapsed by default.
sidebarobject
style'default' | 'tree' | 'group'
default
The style used for the folder. The default value can be configured in the appConfig.
defaulttreegroup
sidebar-defaultsidebar-treesidebar-group
Edit this page
Pages
Front matter attributes used in shadcn-docs-nuxt.
Deployment
Deploy your shadcn-docs-nuxt application.