WFP logoDesign System

Code

Used to display inline code.

console.log("Hello, world!")

Installation

pnpm dlx shadcn@latest add https://designsystem.wfp.org/r/code.json

Usage

import { Code } from "@/components/ui/code";
<Code>Hello world</Code>

Examples

Inline text

To style a Button as secondary, add the prop variant="secondary"