mirror of
https://gitee.com/ant-design/ant-design.git
synced 2024-12-15 09:21:22 +08:00
b9a6b7b578
* demo: update demo * add form * clear * add Select * add * fix style * fix style * fix * revert
26 lines
825 B
TypeScript
26 lines
825 B
TypeScript
import React from 'react';
|
|
import { Button, Input, Select, Segmented, Space } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Space direction="vertical">
|
|
<div>
|
|
<Segmented style={{ marginRight: 6 }} size="large" options={['Daily', 'Weekly', 'Monthly']} />
|
|
<Button type="primary" size="large">
|
|
Button
|
|
</Button>
|
|
</div>
|
|
<div>
|
|
<Segmented style={{ marginRight: 6 }} options={['Daily', 'Weekly', 'Monthly']} />
|
|
<Input placeholder="default size" style={{ width: 150 }} />
|
|
</div>
|
|
<div>
|
|
<Segmented style={{ marginRight: 6 }} size="small" options={['Daily', 'Weekly', 'Monthly']} />
|
|
<Select size="small" defaultValue="lucy" style={{ width: 150 }}>
|
|
<Select.Option value="lucy">Lucy</Select.Option>
|
|
</Select>
|
|
</div>
|
|
</Space>
|
|
);
|
|
|
|
export default App;
|