menu

Material-UI

React components for faster and easier web development. Build your own design system, or start with Material Design.

Channels
Team
Posts
Members
Info

Guide for best practices.

Could anybody suggest any guide for best practices in implementing MaterialUi.

thumbsup
0
message-simple
0

Can I completely opt-out from @material-ui/styles?

I want to use a material-ui/core/Slider component and provide a style via classes prop. Can I import only it, and omit adding material-ui/styles and default them to my bundle?

thumbsup
0
message-simple
0

Grid vs Box and now vs Container

I am a little confuse about what should be used and when. is <Grid/>deprecated over <Box />? does the new <Container/>fix a different problem ? 鈥

thumbsup
6
message-simple
14

[Autocomplete] How to return a sensible value when 'clearing' a selected value

Hi All. I just wanted to ask if there's a good way to get a value back when a already selected value gets cleared with the clear icon in the selection input? For now the clear icon triggers 'onChange' but the problem is I would need to somehow note which of the autocompletes was鈥

thumbsup
0
message-simple
0

How to Achieve Infinite Scrolling on Material UI table

I want to achieve infinite scrolling with my material UI table which is populating data using Apollo Client Query. Which is the best component to use. Thank you for the help. I appreciate all the inputs. Thank you

thumbsup
0
message-simple
6

Can anyone help me with form validation for Selects?

Currently styling my inputs to look like the BootstrapInput found in many examples, but cannot seem to validate the hidden input used in the Select component when setting "required". Could anyone help out with this (using HTML5 validation)? If not, I guess I'll just use state鈥

thumbsup
0
message-simple
0

Overwriting propTypes?

In my usage of some MUI components, I have extended the color prop to accept additional values that aren't supported by MUI natively. I'm trying to figure out the best way to suppress the propType warnings for using a non-supported color value without losing all type safety. The鈥

thumbsup
0
message-simple
0

How to execute code in a child component inside of a Drawer.

I have a component whose render creates a <Drawer /> and then hosts different children depending upon a particular mode. I need to execute some method on a child component of this component when onClose is executed by Mui. The Drawer is currently temporary. I've tried passing a鈥

thumbsup
0
message-simple
2

Adding more colors to a Palette

Does anyone have a suggestion for implementing themes which use more than the default 'primary', 'secondary', 'error', and 'grey' colors? I've been reading the design recommendations in the Material documentation and saw that there is a case study showing a template with five鈥

thumbsup
0
message-simple
0

Best practice to check for window size inline?

What's the easiest way to change layout based on window size? I have tabs that I want vertically for mdDown and horizontal for the rest. <Tabs orientation= {mdDown ? "vertical" : "horizontal"} 鈥

thumbsup
0
message-simple
1