material-ui

问题 I want to integrate Material UI into my Svelte project. I tried to follow the official documentation from here, but I don't know why I'm getting a strange error while trying to run my project: loaded rollup.config.js with warnings (!) Unused external imports default imported from external module 'rollup-plugin-postcss' but never used rollup v1.27.13 bundles src/main.js → public/build/bundle.js... [!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)

问题 I want to integrate Material UI into my Svelte project. I tried to follow the official documentation from here, but I don't know why I'm getting a strange error while trying to run my project: loaded rollup.config.js with warnings (!) Unused external imports default imported from external module 'rollup-plugin-postcss' but never used rollup v1.27.13 bundles src/main.js → public/build/bundle.js... [!] Error: Unexpected token (Note that you need plugins to import files that are not JavaScript)

问题 Want to add close icon in header section top right corner. Please help me for same. I have used Material UI Dialog. evrything is working fine but I want close button on top section. Please see the attached image. 回答1: Put the image icon in the title, and use the css to position it correctly, Try this: Apply this css on close image: let closeImg = {cursor:'pointer', float:'right', marginTop: '5px', width: '20px'}; <Dialog modal={false} open={true} title={ <div> ABC <img src='https:/

问题 Want to add close icon in header section top right corner. Please help me for same. I have used Material UI Dialog. evrything is working fine but I want close button on top section. Please see the attached image. 回答1: Put the image icon in the title, and use the css to position it correctly, Try this: Apply this css on close image: let closeImg = {cursor:'pointer', float:'right', marginTop: '5px', width: '20px'}; <Dialog modal={false} open={true} title={ <div> ABC <img src='https:/

问题 I am using Material-UI@next for my React app. In one particular component, I am displaying a list of items using Expansion Panels. I also have a simple <Footer /> component that looks like this: import React, { Component } from "react"; import styled from "styled-components"; import Typography from "material-ui/Typography"; const FooterContainer = styled.div` text-align: center; position: absolute; bottom: 0; width: 100% !important; height: 100px !important ; background: #6cf; `; class Footer

问题 I am using Material-UI@next for my React app. In one particular component, I am displaying a list of items using Expansion Panels. I also have a simple <Footer /> component that looks like this: import React, { Component } from "react"; import styled from "styled-components"; import Typography from "material-ui/Typography"; const FooterContainer = styled.div` text-align: center; position: absolute; bottom: 0; width: 100% !important; height: 100px !important ; background: #6cf; `; class Footer

问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

问题 I can't figure out if I'm using the right approach to get the login/logout buttons to float right in while using material-ui-next ("material-ui": "^1.0.0-beta.22",) It seems they removed iconElementRight= from the api. Do we have to use the <Grid> now in the appbar? It feels kinds of cludgy. What's the right way to float buttons (e.g. login) in the appbar? <AppBar position="static"> <Toolbar> <Grid container spacing={24}> <Grid item xs={11}> <Typography type="title" color="inherit"> Title <

问题 Closed . This question is opinion-based. It is not currently accepting answers. Want to improve this question? Update the question so it can be answered with facts and citations by editing this post. Closed 1 year ago . Improve this question I am trying to design a login page in react and found material-ui, now question is should be use Material-UI? Also, in following examples how I can put styles in a separate file? I think it should be put in some .css file if yes then how following code