ant-design / ant-design

An enterprise-class UI design language and React UI library

Home Page:https://ant.design

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Autocomplete Input Styling

garyfoo opened this issue · comments

Hello, I have been struggling to make my autocomplete look like the autocomplete component below.

Could anyone point me in the right direction on how to customize my autocomplete to look like the autocomplete in the picture?

hufcsxwnosvlskl

I'd like an answer to this as well. The AutoComplete component is based on rc-select, however both seem difficult to apply custom styles to without breaking the functionality. Is there a way to strip all provided styles of this single component?

We should add a demo for this. @RaoHai

The implement should be simpler without considering the alignment of dropdown and input field.

<AutoComplete
  dataSource={[]}
  placeholder="input here"
>
  <Input suffix={<Button type="primary"><Icon type="search" /></Button>} />
</AutoComplete>

some size problems have been fixed: #4768

commented

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.