Custom Component

Poneglyph Code

Code block styled like an ancient Poneglyph stone tablet with glow text and decipher toggle.

Preview

typescript

1import { WantedPoster } from "newspapercn-ui";2 3export function BountyCard() {4  return (5    <WantedPoster6      name="Monkey D. Luffy"7      bounty={3_000_000_000}8    />9  );10}

Installation

npx shadcn@latest add https://newspapercn-ui.vercel.app/r/poneglyph-code.json

Props

Prop	Type	Default	Description
`code`	`string`	—	Code content
`language`	`string`	—	Language label
`showLineNumbers`	`boolean`	`false`	Show line numbers
`copyable`	`boolean`	`true`	Show copy button
`translatable`	`boolean`	`false`	Show decipher toggle

References

This is a custom newspapercn-ui component.