mirror of
https://github.com/ant-design/ant-design.git
synced 2025-06-21 18:56:03 +08:00
fd4abbf628
Some checks are pending
Publish Any Commit / build (push) Waiting to run
🔀 Sync mirror to Gitee / mirror (push) Waiting to run
✅ test / lint (push) Waiting to run
✅ test / test-react-legacy (16, 1/2) (push) Waiting to run
✅ test / test-react-legacy (16, 2/2) (push) Waiting to run
✅ test / test-react-legacy (17, 1/2) (push) Waiting to run
✅ test / test-react-legacy (17, 2/2) (push) Waiting to run
✅ test / test-node (push) Waiting to run
✅ test / test-react-latest (dom, 1/2) (push) Waiting to run
✅ test / test-react-latest (dom, 2/2) (push) Waiting to run
✅ test / test-react-latest-dist (dist, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist, 2/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 1/2) (push) Blocked by required conditions
✅ test / test-react-latest-dist (dist-min, 2/2) (push) Blocked by required conditions
✅ test / test-coverage (push) Blocked by required conditions
✅ test / build (push) Waiting to run
✅ test / test lib/es module (es, 1/2) (push) Waiting to run
✅ test / test lib/es module (es, 2/2) (push) Waiting to run
✅ test / test lib/es module (lib, 1/2) (push) Waiting to run
✅ test / test lib/es module (lib, 2/2) (push) Waiting to run
👁️ Visual Regression Persist Start / test image (push) Waiting to run
* feat: add variant underlined in Input&&InputNumber&&Mentions Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> * fix: fix eslint Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> * fix: remove commented code Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> * fix: update underlined style Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> * fix:fix eslint problem Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> * feat: add Select variant underlined to #51379 * feat: add underlined demo to #51379 * feat: update snapshots to #51379 * feat: update doc to #51379 --------- Signed-off-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com> Co-authored-by: 绍晗 <zhaoshaoting.zst@alibaba-inc.com>
104 lines
2.6 KiB
TypeScript
104 lines
2.6 KiB
TypeScript
import React from 'react';
|
|
import { Flex, Select } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<Flex gap={12} vertical>
|
|
<Flex gap={8}>
|
|
<Select
|
|
placeholder="Outlined"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
<Select
|
|
mode="multiple"
|
|
defaultValue={['lucy']}
|
|
placeholder="Outlined"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
</Flex>
|
|
<Flex gap={8}>
|
|
<Select
|
|
placeholder="Filled"
|
|
variant="filled"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
<Select
|
|
mode="multiple"
|
|
defaultValue={['lucy']}
|
|
placeholder="Filled"
|
|
variant="filled"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
</Flex>
|
|
<Flex gap={8}>
|
|
<Select
|
|
placeholder="Borderless"
|
|
variant="borderless"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
<Select
|
|
mode="multiple"
|
|
defaultValue={['lucy']}
|
|
placeholder="Borderless"
|
|
variant="borderless"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
</Flex>
|
|
<Flex gap={8}>
|
|
<Select
|
|
placeholder="Underlined"
|
|
variant="underlined"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
<Select
|
|
mode="multiple"
|
|
defaultValue={['lucy']}
|
|
placeholder="Underlined"
|
|
variant="underlined"
|
|
style={{ flex: 1 }}
|
|
options={[
|
|
{ value: 'jack', label: 'Jack' },
|
|
{ value: 'lucy', label: 'Lucy' },
|
|
{ value: 'Yiminghe', label: 'yiminghe' },
|
|
]}
|
|
/>
|
|
</Flex>
|
|
</Flex>
|
|
);
|
|
|
|
export default App;
|