defuss-shadcn / Website / website-docs-help
Docs & Help
Blocks for documentation, help centers and release communication: resources and downloads, the docs navigation and page body, code examples with tabs and copy, release headers and items, roadmap cards, help categories and how-to articles. Every block is CSS-only and built from the library's components and tokens.
On this page (3)
§The template
The Docs & Help blocks composed into one page - the source is the page.
§A docs page
Docs Navigation beside the Docs Content and a Code Example, then the release notes (Release Header + Release Items), the roadmap, help categories and downloads - only Docs & Help blocks.
§The blocks
Resource Item
Previews one guide, document, template, or other resource - its type, title, a line on what is inside, the format and the action.
Download Item
Presents one downloadable file with its format and size - a file badge, what it is, version, size and date, its checksum, and the download.
Docs Navigation
Organizes documentation links into a navigable hierarchy - a version switch, sections, collapsible groups, nested pages and the current page marked.
Docs Content
Presents one documentation topic with explanations and examples - the trail, title, lead, prose with code, callouts and tables, and the next page.
Code Example
Displays code with optional language tabs and copying controls - tabs for each package manager, a file header, highlighted lines, or one command to copy.
Release Header
Introduces a release with its version, date, and summary - the version tag, kind of release, a headline, what it brings and where to get it.
Release Item
Describes one change, improvement, or fix within a release - its kind, what changed and why it matters, with the pull request and author.
Roadmap Item
Presents one planned initiative with its status and target timeframe - planned, in progress or shipped, how far along, and a vote.
Help Category
Links to a support topic with a description and article count - an icon, the topic, what it covers, how many articles and the most read ones.
Help Article
Presents instructions for resolving one problem or completing one task - the steps with pictures, a tip, whether it helped and related articles.
Comments, ideas or improvements? Edit this page's source on GitHub