v0.1.0

CopyablePre

A code block (or inline span) with a copy button.

import { CopyablePre } from "@cynco-labs/ui";

import { CopyablePre, CopyableSpan } from "@cynco-labs/ui";

export default function CopyablePreDemo() {
	return (
		<div className="flex flex-col gap-3 max-w-[460px]">
			<CopyablePre text="npm install @cynco-labs/ui" />
			<CopyableSpan text="am_pk_test_81Hx" />
		</div>
	);
}

Use

Install commands and API keys in onboarding.

Props

text; CopyableSpan for inline.

Source Demo source Markdown

CopyablePre

Example

Use

Props