Example
<div class="mdui-chip">
<span class="mdui-chip-title">Example Chip</span>
</div>
Example
<div class="mdui-chip">
<img class="mdui-chip-icon" src="avatar1.jpg"/>
<span class="mdui-chip-title">Example Chip</span>
</div>
Example
<div class="mdui-chip">
<span class="mdui-chip-icon">A</span>
<span class="mdui-chip-title">Example Chip</span>
</div>
Example
<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>
Example
<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>
Example
<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>
CSS 类名列表
| 类名 | 效果 |
|---|
.mdui-chip | 定义一个纸片组件。 |
.mdui-chip-title | 定义纸片的文本。 |
.mdui-chip-icon | 定义纸片的头像或图标。 |
.mdui-chip-delete | 定义纸片的删除按钮。 |