newoa-search-form
TypeScript icon, indicating that this package has built-in type declarations

1.0.0 • Public • Published

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>
  );
}

Readme

Keywords

none

Package Sidebar

Install

npm i newoa-search-form

Weekly Downloads

0

Version

1.0.0

License

MIT

Unpacked Size

45.3 kB

Total Files

42

Last publish

Collaborators

  • jackingliu