Skip to content

表单布局

@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。