Docs Article
A documentation article with a navbar, breadcrumb, long-form body with code blocks, a scroll-spy table of contents and comments.
#docs#article#toc
Install
$ npx shadcn@latest add https://chromotion.dev/r/docs-article.jsonThe page lands in app/docs-article/page.tsx and the components it uses are installed into components.
Components used
Installing the template installs these too.
- NavbarNavigationResponsive navbar with frosted glass on scroll, a mobile menu and a floating pill variant.
- BreadcrumbNavigationBreadcrumb trail that collapses the middle into an expandable ellipsis.
- Table of ContentsNavigationScroll-spy outline that highlights the current section with smooth jump links and nested levels.
- Comment ThreadApplication UINested comment thread with replies, likes and inline reply forms; new comments appear instantly.