I have created a custom <Tab/> and I would like to control its selected-color by using Sandbox demo code export const Tab = styled(MuiTab)({ "&.Mui-selected": { color: "red" } }); However, I found that: 1.apply the self-styled component directly =>…
I want to create a 19 * 19 grid. Every grid square is 50px. In this grid odd columns should have the red background and even columns have green background. How to obtain this? Here is the code I have…
Would you help me in How to move sx={{}} to styles.scss in React. I have ErrorState and it appears in the middle of the page. However, i want to have styling in a separate file but once I moved, the…
I managed to update a PRODUCT value from the database, but I want to get the value now in the interface, so the user will see exactly the value from the database. what I code; data i found console log…
I'm developing an application using a GraphQL client and React. In the main directory, I have a section where events are listed, and in the .../new directory, I have a form to add new events. When I add an event…
CodeSandbox Repo I would like to listen to keyDown events, specifically, the key S so users can easily save a randomly generated employee conveniently instead of clicking the Save Employee button multiple times. In JavaScript, I would add the event…
i tried to loop and execute a component inside react, but giving error. Map function is used when we have an array, but here i have a number and i want to execute a component 4 number of times. Error…
I have a problem with my image : the height attribute is not working. Here is my code : <img alt="..." className="img-fluid floating" src={Landing1} style={{ height: '300px', width: 'auto' }} /> And when I try this code : <img alt="..."…
I have a stylesheet with a bunch of classes. How can I get it to autocomplete in VSCode so that it autocompletes the className attribute on any div or native HTML element? Right now it's not doing anything. I have…
You can see the example from this page of w3 school where the width of two columns adjusts depending on the mouse left and right movement. I want to apply this functionality in my react app but don't know how…