Есть ли способ сделать UI-карту материала без рамки

Question

Я прочитал в документации вариант сделать его variant="outlined" или сделать его raised

Но есть ли способ сделать машину вообще без видимой границы?

Answer 1

Вы можете придать своей карточке встроенный стиль, задав свойство border и box shadow как none.

<Card style={{ border: "none", boxShadow: "none" }}>
    ....
</Card>

Другой способ сделать это - использовать makeStyles из @material-ui/core/styles и стилизовать класс, который можно отдать на карту.

import React from "react";
import { makeStyles } from "@material-ui/core/styles";
import Card from "@material-ui/core/Card";

const useStyles = makeStyles({
  custom: {
    border: "none",
    boxShadow: "none"
  }
});

const classes = useStyles();
.
.
.
return (
  <Card className={classes.custom}>
    ....
  </Card>
);