React Dropdown dynamic buttons with material UI
I am trying to copy the parts inside black circles on the image below for training React and Material UI. My problem is that I am struggling a bit with which Material UI components to use... Any help or examples that looks like this are happily accepted!
There are some components from material-ui for composing the UI like what you asked for. You need to compose these components by yourself.
For components inside the long black circle, they can be from selects https://mui.com/components/selects/. You can find different styles from this link.
For components inside another circle. They are buttons, text_fields, chips, and cards. Which can be found from
https://mui.com/components/buttons/ https://mui.com/components/text-fields/ https://mui.com/components/chips/ https://mui.com/components/cards/
Can't give an answer for the part of Minerva Obj Name without knowing how it is interacted.
- Not able to pass an event parameter with my this.handleChange in react-native
- My cart component in an ecommerce project keeps redirecting to homepage instead of checkout and logs out the user in production
- NextAuth: how to return custom errors without redirection
- How to solve selectOptions.some is not a function while using AsyncCreatableSelect?
- Scroll View inside view not working react native
- enable hot reload for vite react project instead of page reload
- How to use `setState` callback on react hooks
- Loop inside setInterval does not iterate over the second interation
- How turn off spell check in QuillJS (React)
- How to define an array with conditional elements in react
- How to hide specific tab with conditional statement React Native
- How to remove lines between cells in Material UI Table
- Next.js 15 API Route - “Invalid GET Export” Error in Dynamic Route [id]
- Usetranslation, next.js SSR
- Vite error - exports is not defined (SSR)
- Type 'void' is not assignable to type '((event: ChangeEvent<HTMLInputElement>) => void) React TypeScript
- React 19 "ref as prop" and TypeScript
- ESLint error saying that my react hook may be executed more than once
- HTML canvas not drawing image
- How to make a functional React component with generic type?
- Values of step 2 getting duplicated in step 1 of multi step form. (NextJs, Shadcn, react-hook-form,zod)
- How to fix Next.js Vercel deployment module not found error
- How to create a scalable document element inside a container in HTML
- BrowserRouter changing URL and not linking to page
- npm ERR! code UNABLE_TO_GET_ISSUER_CERT_LOCALLY
- Nginx configuration issue with https on windows
- 'tailwindcss' is not recognized as an internal or external command
- React Router Framework - styled components do not work even when SSR is off
- How to make sidebar available for all components?
- Rendering Duplication React.js