near_me
Démarrage
keyboard_arrow_downlayers
Style
keyboard_arrow_downwidgets
Composants
keyboard_arrow_downlocal_mall
Ressources
keyboard_arrow_downmdui 2 est arrivé, basé sur Material Design 3 et les Web Components. Consultez la documentation de mdui 2 ici.
Chip
Les chips peuvent contenir une image, une courte chaîne de texte ou d’autres informations concises.
Utilisation
Le composant chip est écrit en CSS pur ; il suffit d’écrire du code HTML pour qu’il fonctionne.
Lecture associée
Exemple
<div class="mdui-chip">
<span class="mdui-chip-title">Example Chip</span>
</div>Exemple
<div class="mdui-chip">
<img class="mdui-chip-icon" src="avatar1.jpg"/>
<span class="mdui-chip-title">Example Chip</span>
</div>Exemple
<div class="mdui-chip">
<span class="mdui-chip-icon">A</span>
<span class="mdui-chip-title">Example Chip</span>
</div>Exemple
<div class="mdui-chip">
<span class="mdui-chip-icon">
<i class="mdui-icon material-icons">face</i>
</span>
<span class="mdui-chip-title">Example Chip</span>
</div>Exemple
<div class="mdui-chip">
<span class="mdui-chip-title">Example Chip</span>
<span class="mdui-chip-delete">
<i class="mdui-icon material-icons">cancel</i>
</span>
</div>Exemple
<div class="mdui-chip">
<span class="mdui-chip-icon mdui-color-blue">
<i class="mdui-icon material-icons">face</i>
</span>
<span class="mdui-chip-title">Example Chip</span>
</div>