1.0.0 • Published 6 years ago
newoa-search-form v1.0.0
newoa-search-form
newoa-search-form 用于简化在列表查询中添加查询表单的编码。
- 更便捷的布局
- 与列表查询上下文交互,完成查询条件的传递
- 自管理展开、收缩 (由 SearchFormState 管理)
- 提供便捷的 SearchButton、ResetButton 和 ExpandButton,以及它们的合辑 SearchFormButtons
示例:
import { Column } from 'sinoui-components';
import { Label, TextInput } from 'sinoui-data-table';
import SearchForm, {
SearchFormItem,
SearchFormButtons,
} from 'newoa-search-form';
export default function Demo() {
return (
<SearchForm gutter={48}>
<SearchFormItem flex={8}>
<Label>用户名</Label>
<TextInput placeholder="请输入用户名" />
</SearchFormItem>
<SearchFormItem flex={8}>
<Label>用户名</Label>
<TextInput placeholder="请输入用户名" />
</SearchFormItem>
<SearchFormButtons />
</SearchForm>
);
}
1.0.0
6 years ago