Icons
Icon của FUI sử dụng thư viện Material Design Icons.
1. Hiển thị icon
{
"el": "v-icon",
"innerHTML": "mdi-account"
}
Icon được viết theo cấu trúc mdi-<tên icon>
.
Ví dụ:
mdi-account
là icon tài khoản.mdi-magnify
là icon kính lúp.
Tiền tố mdi
là tên viết tắt của Material Design Icons.
Bạn có thể tìm kiếm icon tại đây. Hãy sử dụng các đầu mục bên trái của trang để lọc icon theo chủ đề để có kết quả tìm kiếm tốt nhất.
2. Các trường hợp thường sử dụng icon
Tạo một nút đăng nhập:

{
"el": "v-btn",
"attr": {
"color": "primary",
"dark": true
},
"innerHTML": [
{
"el": "v-icon",
"attr": {
"left": true
},
"innerHTML": "mdi-account"
},
{
"el": "span",
"innerHTML": "Đăng nhập"
}
]
}
Thêm icon vào một text field:

{
"el": "v-text-field",
"attr": {
"label": "Tìm kiếm",
"append-icon": "mdi-magnify"
}
}
Last updated