@ bimetal/ kanban- react- 组件
默认 反弹 Kanban 板 对BIMETAL公司来说——薄的捆绑
犬类 @bimetal/kanban-headless 控制器。 控制器。 每个
互动决定(破碎阈值、下降指数、WIP拒绝、取消)
在无头控制器中; 此软件包只拥有 DOM: 命中测试指针
拖放,使键盘事件正常化,并渲染.
特征
- 真实的拖放 ——指针被拖过并被拖入列内,有活口 滴出gap指标。 无每张卡移动按钮 .
- 键盘 a11y - 拿张卡 空间移动它与
箭头键(xq/ ) 横跨列,qq/ 内部),以 空间编号 :输入, (中文(简体) ),
取消为 英格兰。 。 。 .
aria-grabbed反映持有的卡片. - 列数 添加、重命名内线、重排、删除(卡级联) 每栏 WIP 限制 他们拒绝超限的举动.
- 纸牌 标题、说明、, 标签; 全文 海关卡机构 通过
renderCard而拖放/焦点包装仍为组件所拥有. - 过滤, 撤销, 主题 - 标题/说明/标签上的文本过滤器,a
一击取消土司, 和一个轻/暗的符号集从
@bimetal/kanban-themes。 。 。 .
建于事件源: 整块板是一个集合, 每个变化都是一个 并取消 + 完整历史来免费.
使用量
import { Kanban } from '@bimetal/kanban-react-components';
import { createKanbanStore } from '@bimetal/kanban-data';
const store = createKanbanStore();
// …seed the board…
function App() {
return <Kanban store={store} boardId="board-1" />;
}
自定义牌体 :
<Kanban
store={store}
boardId="board-1"
darkMode
renderCard={(card) => <MyCard card={card} />}
/>
道具
| Prop | 类型 | 页:1 |
|---|---|---|
store | KanbanStore | 董事会商店. 上山后无法改变. |
boardId | string | 哪个板子可以制成。 上山后无法改变. |
config | KanbanConfigInput? | 地域覆盖,与默认合并. |
darkMode | boolean? | 应用暗号集 . |
showFilter | boolean? | 显示工具栏过滤器( 默认) true) (中文(简体) ). |
renderCard | (card: Card) => ReactNode | 定制牌体. |
onError | (err: unknown) => void | 基础设施错误( WIP 拒绝是不可撤销的祝词,而不是错误). |
许可证
阿帕奇 - 2.0