mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-16 09:39:10 +08:00
26 lines
1.1 KiB
TypeScript
26 lines
1.1 KiB
TypeScript
import React from 'react';
|
|
import { Input } from 'antd';
|
|
|
|
const { TextArea } = Input;
|
|
|
|
const App: React.FC = () => (
|
|
<div style={{ backgroundColor: 'rgba(0, 0, 128, .2)' }}>
|
|
<Input placeholder="Unbordered" variant="borderless" />
|
|
<Input placeholder="Unbordered" variant="borderless" size="large" />
|
|
<TextArea placeholder="Unbordered" variant="borderless" />
|
|
<TextArea placeholder="Unbordered" variant="borderless" allowClear />
|
|
<Input placeholder="Unbordered" variant="borderless" allowClear />
|
|
<Input prefix="￥" suffix="RMB" variant="borderless" />
|
|
<Input prefix="￥" suffix="RMB" disabled variant="borderless" />
|
|
<TextArea allowClear style={{ border: '2px solid #000' }} />
|
|
|
|
{/* status */}
|
|
<Input defaultValue="error" variant="borderless" status="error" />
|
|
<Input defaultValue="warning" variant="borderless" status="warning" />
|
|
<Input prefix="$" defaultValue="error" variant="borderless" status="error" />
|
|
<Input prefix="$" defaultValue="warning" variant="borderless" status="warning" />
|
|
</div>
|
|
);
|
|
|
|
export default App;
|