cómo establecer el color del borde en el componente Tarjeta en React material ui. He probado la propiedad de estilo
style={{borderColor:"red"}} en el código pero no funcionará. ¿Hay alguna solución?
Lo que estás haciendo funciona, el problema es que no puedes ver un borde sin ancho ni estilo (sólido, discontinuo, etc.).
Intenta usar style={{ border: "1px solid red" }}
Deberías usar el accesorio borderColor de esta manera:
<Box borderColor="primary.main">… <Box borderColor="secondary.main">… <Box borderColor="error.main">… <Box borderColor="grey.500">… <Box borderColor="text.primary">…Y el tamaño del borde con el accesorio de borde así:
<Box border={0}>…Vea la API completa aquí: https://material-ui.com/system/borders/
Puede usar la propiedad CSS del border en el componente Card para establecer el color.
<Card sx={{ border: '1px solid red' }}> <Typography variant='body1'>This has red borders</Typography> </Card>