Why is there no mui tutorial?

If I want to learn mui to develop hybrid apps, when will the mui tutorial be released?

镭络 2018-08-31 16:12:17 0  2  1494

How to use MUI with Next.js Application Router?

I just created a next.js13typescript application using npxcreate-next-app. I've removed all sample css and html and tried introducing MUI. My app/layout.tsx looks like this: import{CssBaseline}from'@mui/material';exportdefaultfunctionRootLayout({children,}:{children:Reac

P粉754473468 2023-12-23 21:56:44 0  1  596

MUI Slider Component: Different Colored Thumbs

MUI has a slider component: https://mui.com/material-ui/react-slider/ I'm currently using it to allow the user to select a range of values ​​(so my slider has two thumbs) MUI Multi-Thumb Slider Block documentation: https://codesandbox.io/s/gptppq?file=/demo.js The slider thumb can be styled like thi...

P粉709644700 2023-09-08 22:49:51 0  1  544

javascript - How to use Mui+webpack+vue to develop apps using hbuilder?

I see that the mui official website does not seem to describe how to use it in combination with webpack. Will there be any problems with the app finally packaged by mui + vue + webpack?

淡淡烟草味 2017-07-05 10:46:36 0  1  1340

How to move MUI DataGrid pagination table to the left using CustomPagination

Hi everyone, I'm trying to understand the MUI DataGrid better and meet the design specifications for Table Views, I'm using the DataGrid in MUI for pagination, I'm using their custom implementation but I don't know how to do it due to the CustomPagination being The root override of the DataGrid, whi...

P粉491421413 2024-03-27 20:29:45 0  1  732

React MUI: Value selection issue and missing default value

I'm creating a form in react using mui and formik. When using select, I set the default value using an object from the api, but the select is not working. I cannot select a value and the default value is not selected by default. The following is the code: import{Box,Button,FormControl,InputLabel,Sel...

P粉545682500 2024-04-04 08:32:56 0  1  640

How to hide mui TextField label?

I'm developing a Nextjs app and I have a dashboard navigation bar built with mui that contains a notification that opens the notification box, which is built with regular HTML and CSS. dashboard-navbar.js: importNotificationBoxfrom"./notification-box/notification-box";//...exportconstDashb...

P粉239164234 2023-09-05 15:41:00 0  1  867

Expand and collapse all nodes in MUI DataGrid through ReactJS programming

How to make all rows expand/collapse programmatically in DataGrid of MUIReactJS? What have I tried? I used the defaultGroupingExpansionDepth attribute according to the MUI documentation: exportconstEXPAND_ALL=-1;exportconstCOLLAPSE_ALL=0;...const[expandedState,setExpandedState]=useState(COLLAPSE_AL

P粉068486220 2023-08-13 10:39:36 0  1  842

javascript - mui develops NetEase Cloud Music, the request interface is always cross-domain

{Code...} When I was practicing using a mui tutorial, a cross-domain error always appeared when opening the browser. Is it because the interface cannot be used? or other reasons

学习ing 2017-06-12 09:29:21 0  5  1030

How to customize the selected option style in MUI Autocomplete component?

The question is like the title says, how can I change the style of selected option in MUI when using multi option. I want to change the style of all highlighted options. Your help is greatly appreciated, thank you!

P粉769413355 2023-08-14 10:47:21 0  1  685

Sorting problem of check boxes in MUI Datatable

I want the already checked data to appear at the top of the MUI data table. Checkbook In this picture you can see that all the boxes are checked and not sorted. So I want all the checked rows to be together and appear at the top of the data table. Please help me on this issue.

P粉793532469 2023-08-31 13:35:53 0  1  572

MUI Chip: How to disable overflow/ellipses?

When using MUI in React, I would like to set a flexible width for a Chip component based on the label inside it. For example, if it is a long label, Chip should have a wider width. If the label is short, the Chip can also have a smaller width. In short, the entire label should be visible within the ...

P粉864594965 2023-07-27 18:00:52 0  1  766

The title is rewritten as: "The row number returned by the Mui data table is NaN"

importReact,{useState,useEffect}from"react";importaxiosfrom"axios";importiofrom"socket.io-client";import{DataGrid}from"@mui/x-data-grid";importNaveBarfrom"

P粉245276769 2023-09-02 22:10:25 0  1  516

MUI DatePicker is not compatible with Formik: date.isBefore is not available

I'm using Formik to create a form in React and also using MUI components. The problem is that I get the following error: date.isBefore is not a function TypeError: date.isBefore is not a function atDayjsUtils.isBeforeDay(http://localhost:3000/static/js/bundle.js:2319:19)atvalidateDate(http: //localh

P粉046387133 2023-08-25 08:54:13 0  1  996

Use ReactJS TypeScript MUI, use useState to set the value of TextField and add onchange event function for TextField

I'm a newbie developing with ReactJS and MUI and have a ReactJS TypeScript form with MuiText fields. Want to be able to use the useState method to change the value of a text field. Also add the onchnage function for the text field. I can add onchange function for normal textfield but not sure how to...

P粉212114661 2023-08-28 21:44:31 0  1  586

Change color of text field labels in MUI

Hi I'm having trouble changing the text label color in a MUI text field. I have successfully customized the border color and hover state (including the label), I just can't change the label color in the non-hover state. I've tried various class names found in the DOM (including MuiInputBase-input), ...

P粉860370921 2023-08-26 17:15:52 0  1  725

javascript - js (mui) How to achieve real-time postback of two interfaces?

Click a button to pop up another interface, and at the same time pass the value to the other interface. After modifying the value on the other interface, click the return button to return to the previous interface. How to pass the parameters to the previous interface at this time? ? I am using the m...

滿天的星座 2017-06-12 09:30:46 0  6  796

How to use React Hook Form 7 with MUI switch

When using react-hook-form with a MUI switch, the switch does not show the initial value when the page loads, even if the value is set to true. However, this appears to be a display issue, as submitting the form without touching the button returns true for the switch with a value defined as true. Ad...

P粉231112437 2023-09-16 19:43:09 0  1  692

How to make all cards in mui the same height?

How to make this card have the same height in mui? I don't like setting a fixed height. This will need to change dynamically. All card heights need to be set to the highest height in the website. Between the button and the content we can add space. How do i do this? The problem you seem to be facing...

P粉300541798 2024-03-21 19:52:46 0  1  542

How to add a controllable checkbox to each row: Implementation method in MUI Datagrid

I know the way to add checkboxes or textfields is to use renderCell and it works, I can see the checkboxes: However, I don't understand how I should control the checkboxes/textfields for each row individually. For example, what if I want row 1 to have the "fill" variant of the TextField, a...

P粉329425839 2024-03-29 08:47:07 0  1  594