按钮材质 UI 和 React

Question

我想按照下面的图片。 我正在使用 Material-UI 和反应。 我怎么能那样做？ 我想跟随灰色背景，白色背景之间的空间很小

请在此处检查代码和框单击此处

   <Stack spacing={2} sx={{ height: "100%" }}>
      <ToggleButtonGroup
        sx={{ alignSelf: "center", paddingTop: "12px", paddingBottom: "12px" }}
        color="primary"
        value={alignment}
        exclusive
        onChange={handleChange}
      >
        <ToggleButton value="myBrands">My Brands</ToggleButton>
        <ToggleButton value="allBrands">All Brands</ToggleButton>
      </ToggleButtonGroup>
    </Stack>

Answer 1

请查看沙盒 - https://codesandbox.io/s/togglebuttonsmultiple-material-demo-forked-81uom?file=/demo.js

给定 90% 的解决方案，请更改 colors。