@rax-ui/form
v1.0.0-beta.62
Published
Rax UI Form
Downloads
22
Readme
display: Form family: other
Form
用于表单布局
API
Form
| 名称 | 说明 | 类型 | 默认值 | | :--------- | :--------- | :-------------- | :----- | | labelWidth | 文字的宽度 | string / number | | labelType | label 类型 | inner / upper | |
Form.Item
| 名称 | 说明 | 类型 | 默认值 |
| :--------- | :------------------------------------------- | :-------------- | :------ |
| label | 表单项的 label
| string | |
| labelWidth | 文字的宽度 | string / number |
| labelType | label 类型 | inner / upper | |
| helpText | 表单项帮助文字信息 | string | |
| required | 是否为必填项 | boolean | false
|
| errorText | 表单项错误文字信息 | string | |
| tapable | 是否可点击,设置为 true 后,会出现右侧的图标 | boolean | |
CSS API
| 名称 | 说明 | | :---------------------- | :----------------- | | form | 表单样式 | | form__sub-header | 表单小标题样式 | | form__footer | 表单底部区域样式 | | form__content | 表单内容区样式 | | form__item | 表单项 | | form__item-container | 表单项内容 | | form__item-label | 表单项标签 | | form__item-input | 表单项输入区域 | | form__item-help | 表单项帮助区域 | | form__item-help-text | 表单项帮助文字 | | form__item-error-text | 表单项提示出错文字 |