near_me
Rozpoczęcie
keyboard_arrow_downlayers
Styl
keyboard_arrow_downwidgets
Komponenty
keyboard_arrow_downlocal_mall
Zasoby
keyboard_arrow_downNowy mdui 2 oparty na Material Design 3 i Web Components jest już dostępny, przejdź do dokumentacji mdui 2.
Chip
Chipy mogą zawierać zwięzłe informacje, takie jak obrazek czy krótki ciąg znaków.
Sposób użycia
Komponent chip jest napisany w czystym CSS, wystarczy napisać kod HTML, aby zadziałał.
Powiązane artykuły
Przykład
<div class="mdui-chip">
<span class="mdui-chip-title">Example Chip</span>
</div>Przykład
<div class="mdui-chip">
<img class="mdui-chip-icon" src="avatar1.jpg"/>
<span class="mdui-chip-title">Example Chip</span>
</div>Przykład
<div class="mdui-chip">
<span class="mdui-chip-icon">A</span>
<span class="mdui-chip-title">Example Chip</span>
</div>Przykład
<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>Przykład
<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>Przykład
<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>