文档目录
FD 配方书按钮
FD 配方书开关按钮:原版 20×18 按钮贴图,面板内固定 (5,34),两态由 aria-pressed 表达。
import { useState } from "react";
import { FdRecipeBookButton } from "./index";
export function FdRecipeBookButtonDemo() {
const [open, setOpen] = useState(false);
return (
<div className="relative h-12 w-24">
<FdRecipeBookButton left={0} onToggle={() => setOpen(value => !value)} open={open} top={0} />
</div>
);
}
安装
$pnpm add @tennantite/farmersdelightnpm 方式安装编译产物;需要改造源码请用上方的 CLI 拷贝安装。
源码
packages/farmersdelight/src/fd-recipe-book-button/index.tsxnpm 包保留源码目录,可直接复制改造。