Code Block

A code block component with line numbers, syntax highlighting support, and copy functionality.

Example

my-component.tsxtsx

1
2
3
4
5
6
7
8
9
import { Button } from "@/components/ui/button"
 
export function MyComponent() {
  return (
    <Button variant="aurora" size="lg">
      Click me
    </Button>
  )
}

npm install popcn-ui