MiniDev UI

Api Docs Page

A React API reference page with a sidebar nav, endpoints tagged by HTTP method, a copy base URL action and a curl request example in a code block.

src/registry/blocks/api-docs-page.tsx/r/api-docs-page.json

Installation#

bash
npx shadcn@latest add @minidev/api-docs-page

MiniDev UI is in the shadcn registry directory, so the short form works with no setup. Older CLI versions can use the full URL: npx shadcn@latest add https://ui.minidev.pro/r/api-docs-page.json

Usage#

tsx
import { ApiDocsPage } from "@/components/ui/api-docs-page"

export function Example() {
  return <ApiDocsPage />
}

API reference#

ApiDocsPage takes no props. It ships with realistic sample content: install it, then edit the copy and data in the file directly. The file is yours.

Dependencies#

npm

React only

Built from

BadgeButtonCode Block

Related dev tools components#

Docs PageA Tailwind documentation page layout with a table of contents sidebar, prose with anchored headings, a copyable install command and an info callout.Engineering ConsoleAn engineering console with an environment switcher, build pipeline, and tabs for commits, CI checks with coverage, a trace waterfall and code review.Logs ViewerA Tailwind log viewer with a filter input and a scrollable monospace list of timestamped entries tagged info, warn or error. Focusable for keyboard scroll.Status PageA React system status panel with an overall outage badge and a list of services, each marked operational or degraded by a colored health indicator.Api Key ListReact settings panel listing API keys with masked previews, created date badges and a rotate button per key, plus a header action to create a new key.Build PipelineCI pipeline view that shows each stage as a chip with success, running, failed or pending icons, joined by connectors. Status text is exposed to screen readers.
All Developer tool UI components for React