[Select] Feature Request: Override Dropdown Icon #10959
Labels
component: select
This is the name of the generic UI component, not the React module!
new feature
New feature or request
Uh oh!
There was an error while loading. Please reload this page.
Hi. I am hoping it seems reasonable to override icons; specifically the ArrowDropDown found in the
Select
components.Currently (v1.0.0-beta.41), it is receiving the SVG from
ArrowDropDown
found ininternal/svg-icons/ArrowDropDown
. When overriding CSS content, we cannot re-write the SVG path via CSS (that I know of -- if known method here, please enlighten me!)What I am doing as a workaround is overriding
MuiSelect.icon
in the themeoverrides
and then creating a wrapper component. Obviously, it is a little bit hacky and would be nice to simply have a built insvgIcon
class (or anything related) provided in theclasses
API.As a practical matter, it's actually pretty common to use something like a chevron in material-ui Dropdowns (see https://materialdesignicons.com/icon/chevron-down for example in mind). But either way, I think the library would benefit greatly for being able to change such a prominent part of the look and feel.
(Notwithstanding, excellent job with MUI 1.0.0 so far! Absolutely pleasant experience)
The text was updated successfully, but these errors were encountered: