小编Lor*_*tti的帖子

如何使用间距属性为 Material-UI 内的 Button 添加边距?

我在材质 ui 的纸元素内有一个按钮。我想向按钮添加一些边距顶部,它在 FullWidthTabs 组件和按钮之间有一些间距。

代码:

    import React from 'react';
    import { makeStyles } from '@material-ui/core/styles';
    import Box from '@material-ui/core/Box';
    import Button from '@material-ui/core/Button';
    import FullWidthTabs from './FullWidthTabs';
    import Paper from '@material-ui/core/Paper';
    import { spacing } from '@material-ui/system';
    
    const useStyles = makeStyles(theme => ({
      root: {
        width: "70vw",
      },
    }));
    
    export default function Bookingbox() {
      const classes = useStyles();
    
      return (
        <div>
          <Box mx="auto" className={classes.root}>
            <Paper elevation={20} >
              <FullWidthTabs />
              <Button variant="contained" 
                        color="green"
                        className={classes.button} 
                        fullWidth="true"
                        mt={1}
                        style={{
                            backgroundColor: "green",
                            color: …
Run Code Online (Sandbox Code Playgroud)

material-ui

9
推荐指数
2
解决办法
2万
查看次数

标签 统计

material-ui ×1