ant-design/components/auto-complete/demo/AutoComplete-and-Select.tsx
Jony J 4137ea7c59
fix(AutoComplete): add missing style to ensure alignment (#52819)
* fix(Select): remove unnecessary selection search input height style

* style: adjust fontSize in AutoComplete

* style(select): remove unused line height calculations

* test: update snapshot

* style(select): add fontSize to selection search input

* Update components/auto-complete/index.zh-CN.md

Co-authored-by: afc163 <afc163@gmail.com>
Signed-off-by: Jony J <1844749591@qq.com>

---------

Signed-off-by: Jony J <1844749591@qq.com>
Co-authored-by: thinkasany <480968828@qq.com>
Co-authored-by: 二货机器人 <smith3816@gmail.com>
Co-authored-by: afc163 <afc163@gmail.com>
2025-02-26 11:23:48 +08:00

24 lines
587 B
TypeScript

import React from 'react';
import { AutoComplete, Flex, Select } from 'antd';
const AutoCompleteAndSelect = () => {
return (
<Flex vertical gap={16}>
{(['small', 'middle', 'large'] as const).map((size) => (
<Flex key={size}>
<Select
value="centered"
size={size}
style={{ width: 200 }}
searchValue="centered"
showSearch
/>
<AutoComplete value="centered" size={size} style={{ width: 200 }} />
</Flex>
))}
</Flex>
);
};
export default AutoCompleteAndSelect;