near_me
Inizia
keyboard_arrow_downlayers
Stile
keyboard_arrow_downwidgets
Componenti
keyboard_arrow_downlocal_mall
Risorse
keyboard_arrow_downÈ disponibile il nuovo mdui 2 basato su Material Design 3 e Web Components, vai alla documentazione di mdui 2.
Chip
I Chip possono contenere informazioni concise come un'immagine, una breve stringa, ecc.
Modalità d'uso
Il componente Chip è scritto in puro CSS e ha effetto semplicemente scrivendo il codice HTML.
Letture correlate
Esempio
<div class="mdui-chip">
<span class="mdui-chip-title">Example Chip</span>
</div>Esempio
<div class="mdui-chip">
<img class="mdui-chip-icon" src="avatar1.jpg"/>
<span class="mdui-chip-title">Example Chip</span>
</div>Esempio
<div class="mdui-chip">
<span class="mdui-chip-icon">A</span>
<span class="mdui-chip-title">Example Chip</span>
</div>Esempio
<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>Esempio
<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>Esempio
<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>