CopyMarkup Engine Block

v1.0.2

Shows code with line numbers and a copy button.

Interactive Implementation

Click the copy button to copy the code.

bash
123
npm install @venti-ui/primitives framer-motion core-pack init --target=./components/ui venti compile copy-markup --optimize

Properties API

All available props for this component.

Property
Type
Default
Description
codestringrequiredThe raw multi-line code script parameters or text payload layout tracking to render.
languagestring"bash"Semantic identifier printed on the header layout toolbar representing target syntax tracks.
showLineNumbersbooleanfalseInjects sequential numeric column labels alongside the code string margins.
variant"default" | "solid""default"Adjusts structural density parameters, box canvas depth, and background border attributes.
© 2026 Venti UI Labs. UI made right.