CodeBlock

A code display component powered by Shiki for accurate syntax highlighting. Supports multiple languages, line numbers, and integrates with CopyButton for one-click copying. Includes an InlineCode variant for inline usage.

Data Displaycodesyntaxdevelopersnippet

Code block

tsx

import { Button } from '@primstack/ui'
 
export function MyComponent() {
  return (
    <Button variant="primary" size="md">
      Click me
    </Button>
  )
}

Inline code

Use the Button component for actions.

Related Components

CopyButton

One-click copy-to-clipboard button with feedback.

utilitiesclipboardcopy

MarkdownRenderer

Renders markdown content with GFM support.

data-displaymarkdowncontent