zf_components
v1.0.11
Published
A React UI Library.
Downloads
6
Readme
使用
使用手册:http://8.210.215.28/
// spinner加载元素
import React from 'react';
import { Spinner } from 'zf-components';
import 'zf-components/lib/spinner/style/index.css';
export default () => <Spinner />;
// 文字反扒组件
import React from 'react';
import { EncodeText } from 'zf-components';
import 'zf-components/lib/encode-text/style/index.css';
export default () => <EncodeText className="demo" text={'0123456789 现只支持数字'} />;
// 轮播输入框
import React from 'react';
import { SearchInput } from 'zf-components';
import 'zf-components/lib/search-input/style/index.less';
export default () => (
<SearchInput
data={['搜索词1', '搜索词2', '搜索词3', '搜索词4', '搜索词5']}
placeholder="请输入"
interval={3}
defaultValue="默认值"
onSearch={(e: string) => {
console.log(`search handle,keyword is : ${e}`);
}}
onChange={(e: string) => {
console.log(`change handle,keyword is : ${e}`);
}}
/>
);