I am trying to implement React Material UI Autocomplete component by using Formik (setFormValue) and custom renderOption property, so I don't use TextField component, but custom input field. Filtering options works as expected, so when I enter some value in…
I have a list of items. When I first load the page, I want them to slide in sequentially in rapid succession and then shrink slightly when they arrive at their final destination -- sort of like what would happen…
I was trying to implement a customized material UI element. Here is how I was trying to increase the size of the icon. Here is my style code: export const Icon = styled(Box)({ color: "gray", position: "relative", "& .css-i4bv87-MuiSvgIcon-root": {…
I'm trying to upgrade MUI v4 to MUI v5, and I've read the docs in migrating to v5 here. I get this error message when running npm update npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree…
I am using material css for my web page design. I am having one single select country list dropdown and the values <select id="select_id" name="select_id" required> <option value="8">select1_1</option> <option value="15">select2_2</option> </select> $(document).ready(function() { $('select').formSelect(); }); My select option are populating…
I am trying to make a Material3 application with Android Studio. I was able to successfully add a MaterialButton but when adding a TextInputLayout, the preview fails without even showing an error. This is the snippet that works without issues:…
Can somebody help me how to change the css property of mui icons so that i can assign a perticular color when the icon is on focus...I have used the icons in header and am rendering specific pages under them…
When I'm applying style to my button @style/Widget.Material3.Button then it is making the whole layout design disappear and the layout is not visible anymore. Here is my XML Code. <Button style="@style/Widget.Material3.Button" android:id="@+id/button" android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginStart="60dp" android:layout_marginTop="16dp" android:layout_marginEnd="60dp" android:text="Text" app:layout_constraintEnd_toEndOf="parent" app:layout_constraintStart_toStartOf="parent"…
I'd to add a id or some attribute to the MenuItem, something like <MenuItem id="foo" onClick={handleClose}>Copy Ctrl+C</MenuItem> so that I can acess it from event.target in the context menu event handler in my TreeView. Currently the code look like this:…
I need to add a Context Menu to my TreeWiew. I managed to do this with this mui.com's Menu but I don't know how to get the selected item in the tree where the user did the right click to…