1
votes

L'interface utilisateur matérielle a-t-elle un composant Image?

J'ai utilisé d'autres composants de réaction avant, ils ont principalement leur propre composant Image, mais je ne le trouve pas dans Material-UI?

Ou est-ce fait via CardMediaAPI? ou simplement utiliser des balises? Merci!

javascript reactjs material-ui

0 commentaires

3 Réponses :

5
votes

Aucun composant img personnalisé spécifique n'est disponible avec material-ui.

Mais vous pouvez utiliser le simple composant img html à l'intérieur d'un autre composant wrapper pour créer votre propre composant img personnalisé. par exemple

<Avatar alt="Example Alt" src="/static/images/avatar.jpg" />

Le <CardMedia/> doit également être utilisé avec le composant <Card/> . Un autre composant de ce type qui utilise l'image est le composant <Avatar> .

<Paper variant="outlined">
   <img src="url" />
</Paper>

0 commentaires

1
votes

Vous pouvez utiliser CardMedia à partir de Material UI comme ci-dessous. Veuillez consulter la section Exemple d' interaction complexe dans l' interface utilisateur matérielle

<CardMedia
    className={classes.media}
    image="/static/images/cards/paella.jpg"
    title="Paella dish"
/>

0 commentaires

1
votes

Material-ui recommande d' utiliser Material-ui-image , vous devez l'installer séparément mais j'ai vraiment apprécié de l'utiliser. Après l'installation, comme prévu, c'est simplement:

import Image from "material-ui-image";
...
<Image src="image/src/" />

0 commentaires