表单布局
@astryxdesign/core v0.7.1 · FormLayout
Form Layout Props
| 名称 | 类型 | 默认值 | 说明 |
|---|---|---|---|
direction | 'vertical' | 'horizontal' | 'horizontal-labels' | 'vertical' | 字段怎么排。horizontal 是等宽的列。horizontal-labels 把标签放在左边,窄于 480px 时改成纵向。 |
defaultOptionality | 'optional' | 'required' | - | 没有自己写 isOptional 或 isRequired 的字段用这个默认值。它改标记和 aria-required,不写原生 required。两个都写时,选填优先。 |
插槽
| 名称 | 说明 |
|---|---|
default | 字段。嵌套的 FormLayout 保留自己的方向。 |
原生属性
FormLayout 渲染的是 <div>,不是 <form>。
以下内容落到这个元素上:
- HTML 属性。
aria-*属性。data-*属性。class。style。
class 会合并。根元素写 data-direction。