PhotonUI logo

PhotonUI

A javascript framework to create user interfaces

IconView

​x
var iconview = new photonui.IconView({
    iconWidth: 32,
    iconHeight: 32,
    items: [
        { faIcon: { iconName: "fa-bicycle" } },
        { faIcon: { iconName: "fa-subway" } },
        { faIcon: { iconName: "fa-train" } },
        { faIcon: { iconName: "fa-car" } },
        { faIcon: { iconName: "fa-ship" } },
        { faIcon: { iconName: "fa-plane" } },
    ],
});
​
photonui.domInsert(iconview, "demo");

Documentation

Class Reference

More examples

Images

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var iconview = new photonui.IconView({

    iconWidth: 32,

    iconHeight: 32,

    items: [

        { image: "../../images/favicon.png" },

        { image: "../../images/favicon.png" },

        { image: "../../images/favicon.png" },

        { image: "../../images/favicon.png" },

        { image: "../../images/favicon.png" },

        { image: "../../images/favicon.png" },

    ],

});



photonui.domInsert(iconview, "demo");