Join the Wadoozie Stream , Watch live events, stats & reactions • LIVE NOW →
Atomic typed block renderer used by every docs section. Supports paragraph, subheading, bulleted, and numbered lists — all content arrives via the typed `block` prop.
Paragraphs use body-large typography with 1.7 line height for comfortable long-read prose.
Labeled code block with a language badge, optional caption, and a Copy button backed by navigator.clipboard.
import { DocsCodeBlock } from "@/components/docs-page/docs-code-block";
export function Example() {
return (
<DocsCodeBlock
language="TypeScript"
caption="components/example.tsx"
code={`console.log("hello docs");`}
/>
);
}Accent-bar blockquote on a primary-soft wash — for pull quotes and cited commentary.
The details are not the details. They make the design.
Titled panel for highlighted prose — a richer sibling of DocsAlert with a title row, tone-aware icon badge, and free-form body content.
Inline notice bars for informational, success, warning, and danger states. Danger and warning variants emit role=alert for assistive tech.
Heads up$WADZ transfers are paused during weekly reward settlement.
DeployedPublisher rewards v2 contract is live on mainnet.
Testnet onlySignal fragments are currently on Base Sepolia — do not send real assets.
Action requiredYour DAO voting power snapshot expires in 24 hours.
Four-up stat grid with optional delta chip. Trend tone is derived from the leading sign of the delta string.
1.0B
Fixed
248M
3.1M
12,480
Structured table for spec-like reference content. Scrolls horizontally on narrow viewports.
| Token | Value | Usage |
|---|---|---|
| --content-doc-body | #ffefe4 | Primary docs body copy |
| --content-doc-muted | #ddc7b8 | Secondary body + list items |
| --content-doc-soft | rgba(255,255,255,0.4) | Captions, markers |
| --content-success-bright | #01c47a | Positive stat deltas, success icons |
Base-UI-powered tabs with a text-forward tab bar. Keyboard and screen-reader behaviour come from the primitive.
16:9 holders used in docs while real illustrations and product captures are being produced.
Heading + body ladder used across docs articles. Pulled from the Figma `blog` typography set and project tokens.