How to change Dropdown Indicator position on react-select
Guille Acosta
Is it possible to change Dropdown Indicator to "float" on left (instead of right as default) on a React Select Component?
I was checking Dropdown Indicator props on its API but no clues at the moment..
NearHuscarl
You can move the dropdown indicator to the left by reversing the row order since the container is using flex
const customStyles = {
control: (base) => ({
...base,
flexDirection: "row-reverse"
})
};
<Select
styles={customStyles}
options={options}
/>
Live Demo
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
How to have change detection with material-dropdown-select if using a SelectionOptions
- 2
How to change the new TabLayout indicator color and height
- 3
How to change HomeAsUp indicator in new AppCompat Toolbar?
- 4
How to convert a select dropdown into an ul dropdown?
- 5
How to change Kivy dropdown width
- 6
How to change the position of textarea resizing?
- 7
How to change this block's position?
- 8
How to change first view position
- 9
how to hide bulma dropdown in react
- 10
how to change the control position of the drawing manager with the @react-google-maps/api
- 11
how to change font for <select>
- 12
how to change font for <select>
- 13
How to select text and value from the dropdown?
- 14
angularjs: how to have scrollbar in select dropdown
- 15
How to use a select option dropdown in an Angular Directive?
- 16
How to incorporate the <select> element within a bootstrap dropdown?
- 17
How to submit form on change of dropdown list?
- 18
How to change listpicker dropdown ItemTemplate background?
- 19
React-Select dropdown is not displaying options of array or value in input
- 20
how can I change the position of html text?
- 21
How to change the position of a drop down arrow in CSS
- 22
How to change the default cursor position of a JTextArea?
- 23
How to change the column's position in table
- 24
How to change date format and position in find output
- 25
How to change button position in navigation bar
- 26
Cannot change the width of the react-select element
- 27
How to change the value with a select in SQL?
- 28
How to change the state in react with a form
- 29
How to use angularjs to check for data save after dropdown change
コメントを追加