Code | Community Components | 21st

/Code/

Code

A component used to display inline code, with ability to copy the content by a button.

ReUIbySean Hello

copy button.tsx preview

import { Code } from '@/components/ui/code';

export default function Component() {
  return <Code showCopyButton>npm install @reui/ui</Code>;
}

More examples

DefaultOpen page →

default.tsx preview

VariantsOpen page →

variants.tsx preview

SizeOpen page →

size.tsx preview

Dependencies

radix-ui lucide-react class-variance-authority

Source

Published

7/21/2025

Similar components

Explore more

Part of ReUI — browse the full library on 21st.dev.

Code Snippet components46 Copy components81 Code components56 CLI components25 Clipboard components40