Design KitComponentv0.3.0
NBCodeBlock
Copy-friendly code snippets for docs and guides.
When to use
Use for setup steps, examples, and small copy-ready snippets.
Import
import NBCodeBlock from "@/components/NBCodeBlock";Example
import NBCodeBlock from "@/components/NBCodeBlock";
<NBCodeBlock title="Example" language="tsx" code={"console.log('hi')"} />Live preview
console.log('Neo-Brutalism!');People also ask
Where do I import NBCodeBlock from?
Use: import NBCodeBlock from "@/components/NBCodeBlock";
How do I keep it multi-domain safe?
Don’t hardcode domains in metadata/JSON-LD. Use getSiteUrl() + toAbsoluteUrl().
Design kit
Turn this into a sellable export
If you want the “packaged kit” (versioning, license, exportable docs and components), we can scope the release pipeline.