CodeBlock

Monospace, scrollable and themed by tokens. The copy button confirms in place; wrap can be controlled or left to the reader.

import { Button, CodeBlock } from '@andrewbehma/glass-ui';

Playground

CodeBlock.tsx

import { Button, CodeBlock } from '@andrewbehma/glass-ui';

<div className="w-full max-w-[30rem]">
  <CodeBlock
    language="tsx"
    code={`import { Button } from '@andrewbehma/glass-ui';

export function Save() {
  return <Button variant="solid">Save changes</Button>;
}`}
  />
</div>