Муравей Дизайн v4 Стиль карты boxShadow

Question

Я хочу изменить стиль карты:

boxShadow: [0, 8, 24, rgba (208, 216, 243, 0.6)]

---

Однако, это показывает предупреждение, поскольку rgba не определено.

Как я могу назначить стили для boxShadow, он получил больше свойств, чем другие элементы CSS.

boxShadow получил как границы тени, так и цвет rgba.

---

Стиль карты = {ширина: 360, высота: 192, borderRadius: 16, marginRight: 24, boxShadow: [0, 8 24, rgba (208, 216, 243, 0,6)]}

Answer 1

Значения ваших стилевых реквизитов должны быть строками и иметь к ним «px». Это будет работать:

const cardStyle = { 
    width: "360px", 
    height: "192px", 
    borderRadius: "16px", 
    marginRight: "24px", 
    boxShadow: "5px 8px 24px 5px rgba(208, 216, 243, 0.6)" 
 }