Six variants matching the VAULT color system. Used for labels, tags, status indicators, and difficulty levels throughout the docs.
Four variants for consistent typography across the docs. Renders as p, span, or div.
The Vault SDK provides type-safe access to the inference API.
14px / #8B949ELast updated March 2025
12px / #484F58Getting Started
11px mono / uppercaseFeature cards with icon, title, description, and optional badge tag. Used in docs landing pages and component showcases.
Code blocks with token-level highlighting for 10+ languages. Copy button included.
Info, warning, tip, and danger callouts. Each with a distinct icon and color.
Numbered step-by-step guides with a vertical connector line and code blocks inside.
Login and signup pages with Zod validation, error states, and success screens.
Full color palette and spacing system defined as CSS variables in globals.css.
App Router, server components, TypeScript strict, Tailwind v4. Ready to ship.
Syntax-highlighted code with a copy button. Uses lang or title in the header. Client component.
import { VaultClient } from '@vault/sdk'; export const vault = new VaultClient({ apiKey: process.env.VAULT_API_KEY!, workspace: process.env.VAULT_WORKSPACE ?? 'default', timeout: 30_000, });
$ npm install @vault/sdk --save
Four semantic variants for inline documentation notices. Renders with a colored left border and an icon.
zod ^3.22 as a peer dependency.VAULT_API_KEY to source control.vault.infer() for one-shot completions and vault.stream() for streaming.vault.delete() is irreversible. All data will be permanently removed.All design tokens are defined in globals.css inside the @theme {} block. Swap any color in one place to retheme the entire site.
Error and 404 pages use the VAULT palette with a glowing code number and centered layout. Both are standalone pages without the docs shell.