All components
Code
Inline code marks with palette-aware solid, subtle, surface, and outline styles.
stylex.create()Variants
stylex.create()solidstylex.create()subtlestylex.create()surfacestylex.create()outlinestylex.create()plainSizes
stylex.create()xsstylex.create()smstylex.create()mdstylex.create()lgInstall
zsh — code
1bunx stylexblocks add codeUsage — Ark UI
code.tsx
123456789101112131415import { Code } from "#components/ui/ark-ui/code.tsx";
export function Example() { return ( <> {/* variant + size props resolve through the StyleX recipe */} <Code variant="surface" size="md">bunx stylexblocks add hero-01</Code>
{/* composition: asChild forwards everything onto your element */} <Code asChild variant="outline"> <a href="/docs/cli">stylexblocks --help</a> </Code> </> );}