CodeBlock
代码块 · 多行 <pre> + 一键复制(剪贴板+反馈) + 可选语言标签
<Lens zoom={1.8}>
<img src="/photo.jpg" />
</Lens>全状态
<Lens zoom={1.8}>
<img src="/photo.jpg" />
</Lens>tsx
import { Button } from "@hulianui/ui";
// 点击计数示例
export function Demo() {
const [n, setN] = useState(0);
return <Button onClick={() => setN(n + 1)}>点了 {n} 次</Button>;
}bash
# 安装并构建
pnpm add @hulianui/ui
pnpm --filter @hulianui/ui buildimport { Button } from "@hulianui/ui";
// 点击计数示例
export function Demo() {
const [n, setN] = useState(0);
return <Button onClick={() => setN(n + 1)}>点了 {n} 次</Button>;
}<Lens zoom={1.8}>
<img src="/photo.jpg" />
</Lens>Playground
tsx
import { Button } from "@hulianui/ui";
// 点击计数示例
export function Demo() {
const [n, setN] = useState(0);
return <Button onClick={() => setN(n + 1)}>点了 {n} 次</Button>;
}<CodeBlock code={code} lang="tsx" />