小编sys*_*dev的帖子

如何使用material-ui Dialog PaperProps?

我正在React 16.3.2中使用material-ui的v1.1.0。我正在尝试创建类似于Showcase-Local Insights的登录页面

对话框不透明的地方(查找止赎)。我试图将PaperProps用于对话框组件,请参见此处的对话框文档

这是我为尝试执行此操作而创建的组件。

import React from 'react';
import PropTypes from 'prop-types';
import { withStyles } from '@material-ui/core/styles';

import Button from '@material-ui/core/Button';

import Dialog from '@material-ui/core/Dialog';
import DialogActions from '@material-ui/core/DialogActions';
import DialogContent from '@material-ui/core/DialogContent';
import DialogTitle from '@material-ui/core/DialogTitle';

import ForwardIcon from '@material-ui/icons/Forward';

import Input from '@material-ui/core/Input';
import FormControl from '@material-ui/core/FormControl';
import Slide from '@material-ui/core/Slide';


const styles = theme => ({
  dialogPaper: {
    opacity: 0.5,
    border: '#FF0000 1px solid',
  },
  button: {
    margin: '30px'
  }
});

function …
Run Code Online (Sandbox Code Playgroud)

material-ui

2
推荐指数
1
解决办法
2471
查看次数

标签 统计

material-ui ×1