amis2/examples/components/Test.jsx

78 lines
2.1 KiB
React
Raw Normal View History

2019-06-11 17:00:02 +08:00
import React from 'react';
2022-06-01 15:06:00 +08:00
import {Button} from 'amis';
2019-04-30 11:11:25 +08:00
export default class TestComponent extends React.Component {
2019-11-07 10:41:14 +08:00
render() {
return (
<div className="wrapper">
<div className="m-b">
<Button className="m-r-xs" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="primary" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="secondary" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="success" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="info" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="warning" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="danger" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="light" classPrefix="cxd-">
按钮
</Button>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<Button className="m-r-xs" level="dark" classPrefix="cxd-">
按钮
</Button>
</div>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<div className="m-b">
<Button className="m-r-xs" size="xs" classPrefix="cxd-">
按钮
</Button>
<Button className="m-r-xs" size="sm" classPrefix="cxd-">
按钮
</Button>
<Button className="m-r-xs" size="md" classPrefix="cxd-">
按钮
</Button>
<Button className="m-r-xs" size="lg" classPrefix="cxd-">
按钮
</Button>
</div>
2019-04-30 11:11:25 +08:00
2019-11-07 10:41:14 +08:00
<div className="m-b">
<Button className="m-r-xs" classPrefix="cxd-">
<i className="fa fa-cloud" />
<span>按钮</span>
</Button>
<Button className="m-r-xs" classPrefix="cxd-">
<span>按钮</span>
<i className="fa fa-cloud" />
</Button>
<Button className="m-r-xs" classPrefix="cxd-" iconOnly>
<i className="fa fa-cloud" />
</Button>
</div>
</div>
);
}
}