examples(with-ant-design): bump antd v5.0.0 (#43062)
This commit is contained in:
parent
b94b5beb70
commit
e701c715f9
3 changed files with 26 additions and 12 deletions
|
@ -6,8 +6,8 @@
|
|||
"start": "next start"
|
||||
},
|
||||
"dependencies": {
|
||||
"@ant-design/icons": "^4.7.0",
|
||||
"antd": "^4.21.5",
|
||||
"@ant-design/icons": "^4.8.0",
|
||||
"antd": "^5.0.0",
|
||||
"next": "latest",
|
||||
"react": "18.2.0",
|
||||
"react-dom": "18.2.0"
|
||||
|
|
|
@ -1,5 +1,5 @@
|
|||
import type { AppProps } from 'next/app'
|
||||
import 'antd/dist/antd.css'
|
||||
import 'antd/dist/reset.css'
|
||||
import '../styles/vars.css'
|
||||
import '../styles/global.css'
|
||||
|
||||
|
|
|
@ -12,7 +12,6 @@ import { SmileFilled } from '@ant-design/icons'
|
|||
import Link from 'next/link'
|
||||
|
||||
const FormItem = Form.Item
|
||||
const Option = Select.Option
|
||||
|
||||
const content = {
|
||||
marginTop: '100px',
|
||||
|
@ -61,14 +60,29 @@ export default function Home() {
|
|||
</FormItem>
|
||||
|
||||
<FormItem label="Select">
|
||||
<Select defaultValue="lucy" style={{ width: 192 }}>
|
||||
<Option value="jack">jack</Option>
|
||||
<Option value="lucy">lucy</Option>
|
||||
<Option value="disabled" disabled>
|
||||
disabled
|
||||
</Option>
|
||||
<Option value="yiminghe">yiminghe</Option>
|
||||
</Select>
|
||||
<Select
|
||||
defaultValue="lucy"
|
||||
style={{ width: 192 }}
|
||||
options={[
|
||||
{
|
||||
value: 'jack',
|
||||
label: 'Jack',
|
||||
},
|
||||
{
|
||||
value: 'lucy',
|
||||
label: 'Lucy',
|
||||
},
|
||||
{
|
||||
value: 'disabled',
|
||||
disabled: true,
|
||||
label: 'Disabled',
|
||||
},
|
||||
{
|
||||
value: 'Yiminghe',
|
||||
label: 'yiminghe',
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</FormItem>
|
||||
|
||||
<FormItem label="DatePicker">
|
||||
|
|
Loading…
Reference in a new issue