@benosjs/原始内容
Zag.js机器的可选、无型号的适配器。 只导入机器
您使用的子路径; 包根导出一个只类型 PrimitiveController。 。 。 .
安装适配器、 Benos 芯和匹配的可选 Zag 机包;
例如, npm install @benosjs/primitives @benosjs/core @zag-js/checkbox。 。 。 .
import { createCheckbox } from '@benosjs/primitives/checkbox'
function Checkbox(props: { id?: string }) {
const checkbox = createCheckbox(() => ({ id: props.id }))
return (
<label {...checkbox.api().getRootProps()}>
<input {...checkbox.api().getHiddenInputProps()} />
<span {...checkbox.api().getControlProps()} />
<span {...checkbox.api().getLabelProps()}>Accept terms</span>
</label>
)
}
id 是可选的。 省略时,适配器会调用 createUniqueId() 从
正在运行的 Benos 拥有者; 向 Zag 发送明确的ID 。 控制器订阅
以机器更改并停止其组件所有者. createToast (单位:千美元)
需要公众扎克吐司团体服务 parent 选项.
可用的子路径 : accordion, (中文(简体) ), checkbox, (中文(简体) ), dialog, (中文(简体) ), menu, (中文(简体) ), popover, (中文(简体) ),
radio-group, (中文(简体) ), select, (中文(简体) ), switch, (中文(简体) ), tabs, (中文(简体) ), toast,以及 tooltip。 。 。 .