@_linked/primitives
一个UI组件库:一个无头行为源,一个CSS模块,没有其他的.
这里的东西
本套装中的每一个组件都是三件事,而不再是:
- 无头行为源 —— 说 Radix 用户界面 对于他们大多数人来说,
缩略语 页:1
Command, (中文(简体) ),MultiSelect,以及Combobox, (中文(简体) ), 输入- otp 页:1InputOTP, (中文(简体) ), 阴道 页:1Drawer或手写,但其中无一人有答案Input, (中文(简体) ),Textarea, (中文(简体) ),Heading, (中文(简体) ),Text, (中文(简体) ),Spinner, (中文(简体) ),RelativeTime) (中文(简体) ). - 一个CSS模块 读取设计符号
@_linked/css并且未定义任何颜色, 相间或自有光线. - 不了解数据、形状或任何特定应用.
第三点是决定事物是否属于这里。 三个问题, 如果对这三项的回答是否定的,则一个组成部分才有资格:
- 是读还是写数据?
- 知道SHACL的形状是什么吗?
- 它是否知道某一具体产品的词汇——状态、核查水平, 域特有徽章变体?
一个需要这些部件的部件 上一层 某样东西使 任意 形状 属于形状驱动的地层; 使 一个产品 概念属于 在产品.
其所坐处
| 层 | 软件包 | 已经知道 |
|---|---|---|
| 设计符号 | @_linked/css | 无 – CSS 自定义属性 |
| 无头组件 | @_linked/primitives | dOM 和标志 |
| 数据绑定 | @_linked/react | 形状和查询; 无部件的船舶 |
| 形状驱动 UI | @_linked/ui | 如何制造任意形状 |
| 产品表面 | 申请 | 其自己的域名词汇 |
分层是阻止同一组件被写出三次的原因. 当a 组件没有显示主机,它会被复制——然后复制漂移.
他们
组件从不硬码值 。 每个都读取回落的组件范围变量 给语义符号:
.Root {
background: var(--dialog-content-bg, var(--modal-bg));
}
所以,一个组件 使理智的只有 @_linked/css 导入, 应用程序重新皮肤
通过设置语义符号,一个实例可以通过设置
组件范围 1。 见 @_linked/css样式指南
用于符号词汇和所需的导入顺序.
撰写
见 docs/component-authoring-guide.md 在用于槽命名的工作空间根中
符号倒置模式,以及语义映射表.