How to use zarm - 10 common examples

To help you get started, we’ve selected a few zarm examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github ZhongAnTech / zarm / examples / pages / PickerPage.jsx View on Github external
onOk={(selected) => {
              console.log('Picker onOk: ', selected);
              diy.value = selected.map(item => item.code);
              this.setState({
                diy,
              });
              Toast.show(JSON.stringify(selected));
              this.toggle('diy');
            }}
            onCancel={() => this.toggle('diy')}
github ZhongAnTech / zarm / examples / pages / ToastPage.jsx View on Github external
onClick={() => {
                      Toast.show('指定10秒自动关闭', 10000);
                    }}
                  >
github ZhongAnTech / zarm / examples / pages / ToastPage.jsx View on Github external
onClick={() => {
                      Toast.show('默认3秒自动关闭');
                    }}
                  >
github ZhongAnTech / zarm / examples / pages / ToastPage.jsx View on Github external
onClick={() => {
                      Toast.show(() => {
                        return (
                          <div>
                            
                            <div>
                              预约成功
                            </div>
                          </div>
                        );
                      });
                    }}
                  &gt;
github JeromeLin / zarm-web / components / radio / index.tsx View on Github external
import Radio from 'zarm/lib/radio';

Radio.defaultProps.prefixCls = 'zw-radio';
Radio.Group.defaultProps.prefixCls = 'zw-radio-group';
Radio.Group.defaultProps.compact = true;
Radio.Group.defaultProps.ghost = true;
Radio.Group.defaultProps.size = 'md';

export default Radio;
github JeromeLin / zarm-web / components / radio / index.tsx View on Github external
import Radio from 'zarm/lib/radio';

Radio.defaultProps.prefixCls = 'zw-radio';
Radio.Group.defaultProps.prefixCls = 'zw-radio-group';
Radio.Group.defaultProps.compact = true;
Radio.Group.defaultProps.ghost = true;
Radio.Group.defaultProps.size = 'md';

export default Radio;
github JeromeLin / zarm-web / components / icon / index.tsx View on Github external
import { Icon } from 'zarm';

Icon.defaultProps.prefixCls = 'zw-icon';

export default Icon;
github JeromeLin / zarm-web / components / badge / index.tsx View on Github external
import Badge from 'zarm/lib/badge';

Badge.defaultProps.prefixCls = 'zw-badge';

export default Badge;
github JeromeLin / zarm-web / components / checkbox / index.tsx View on Github external
import Checkbox from 'zarm/lib/checkbox';

Checkbox.defaultProps.prefixCls = 'zw-checkbox';
Checkbox.Group.defaultProps.prefixCls = 'zw-checkbox-group';

export default Checkbox;