mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-02 15:59:38 +08:00
2803ccf658
* docs: Update DatePicker docs and add legacy notice * clean up * only warning for QuarterPicker * update docs * fix lint * note to warning
106 lines
2.3 KiB
Markdown
106 lines
2.3 KiB
Markdown
---
|
|
order: 99
|
|
title:
|
|
zh-CN: 文本对齐
|
|
en-US: Text Align
|
|
debug: true
|
|
---
|
|
|
|
```jsx
|
|
import {
|
|
Typography,
|
|
Button,
|
|
Input,
|
|
Select,
|
|
Cascader,
|
|
TreeSelect,
|
|
DatePicker,
|
|
TimePicker,
|
|
InputNumber,
|
|
Radio,
|
|
AutoComplete,
|
|
Mentions,
|
|
} from 'antd';
|
|
|
|
const { Text } = Typography;
|
|
const { Option } = Select;
|
|
const { RangePicker } = DatePicker;
|
|
|
|
const narrowStyle = {
|
|
width: 50,
|
|
};
|
|
|
|
const options = [
|
|
{
|
|
value: 'zhejiang',
|
|
label: 'Zhejiang',
|
|
children: [
|
|
{
|
|
value: 'hangzhou',
|
|
label: 'Hangzhou',
|
|
children: [
|
|
{
|
|
value: 'xihu',
|
|
label: 'West Lake',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
{
|
|
value: 'jiangsu',
|
|
label: 'Jiangsu',
|
|
children: [
|
|
{
|
|
value: 'nanjing',
|
|
label: 'Nanjing',
|
|
children: [
|
|
{
|
|
value: 'zhonghuamen',
|
|
label: 'Zhong Hua Men',
|
|
},
|
|
],
|
|
},
|
|
],
|
|
},
|
|
];
|
|
|
|
ReactDOM.render(
|
|
<>
|
|
<Mentions style={{ width: 100 }} rows={1} />
|
|
<Input.TextArea rows={1} style={{ width: 100 }} />
|
|
<Button type="primary">Button</Button>
|
|
<Input style={{ width: 100 }} />
|
|
<Text copyable>Ant Design</Text>
|
|
<Input prefix="1" suffix="2" style={{ width: 100 }} />
|
|
<Input addonBefore="1" addonAfter="2" style={{ width: 100 }} />
|
|
<InputNumber style={{ width: 100 }} />
|
|
<DatePicker style={{ width: 100 }} />
|
|
<TimePicker style={{ width: 100 }} />
|
|
<Select style={{ width: 100 }} defaultValue="jack">
|
|
<Option value="jack">Jack</Option>
|
|
<Option value="lucy">Lucy</Option>
|
|
<Option value="disabled" disabled>
|
|
Disabled
|
|
</Option>
|
|
<Option value="Yiminghe">yiminghe</Option>
|
|
</Select>
|
|
<TreeSelect style={{ width: 100 }} />
|
|
<Cascader defaultValue={['zhejiang', 'hangzhou', 'xihu']} options={options} />
|
|
<RangePicker />
|
|
<DatePicker picker="month" />
|
|
<Radio.Group defaultValue="a">
|
|
<Radio.Button value="a">Hangzhou</Radio.Button>
|
|
<Radio.Button value="b">Shanghai</Radio.Button>
|
|
</Radio.Group>
|
|
<AutoComplete style={{ width: 100 }} placeholder="input here" />
|
|
<br />
|
|
<Input prefix="$" addonBefore="Http://" addonAfter=".com" defaultValue="mysite" />
|
|
<Input style={narrowStyle} suffix="Y" />
|
|
<Input style={narrowStyle} />
|
|
<Input style={narrowStyle} defaultValue="1" suffix="Y" />
|
|
</>,
|
|
mountNode,
|
|
);
|
|
```
|