IconElement-DEMO

---

IconElement-Positions

---

Left, Right

<fv-IconElement :value="positionH"></fv-IconElement>

Top, Bottom

<fv-IconElement :value="positionV"></fv-IconElement>

Top-left, Top-right, Bottom-left, Bottom-right

<fv-IconElement :value="positionsFour"></fv-IconElement>

positionH: [
    {
        name: "Dial1",
        position: 'left'
    },
    {
        name: "Dial2",
        position: 'right'
    }
],
positionV: [
    {
        name: "Dial3",
        position: 'top'
    },
    {
        name: "Dial4",
        position: 'bottom'
    }
],
positionsFour: [
    {
        name: "Dial5",
        position: 'top-left'
    },
    {
        name: "Dial6",
        position: 'top-right'
    },
    {
        name: "Dial7",
        position: 'bottom-left'
    },
    {
        name: "Dial8",
        position: 'bottom-right'
    }
]

IconElement-Icon Button

---

<fv-IconElement :value="heart" :iconButton="true" :paddingWidth="3"></fv-IconElement>

Properties

---

Property	Type	Required	Default	Description
value	string	No	'AppIconDefault'
fontSize	number	No	32	See the IconElement fontSize option.
paddingWidth	number	No	2	See the IconElement paddingWidth option.
iconButton	boolean	No	false	See the IconElement iconButton option.
borderRadius	number	No	6	See the IconElement borderRadius option.
theme	string	No	'global'	Theme style. Supports global, light, dark, system, and custom.
disabled	boolean	No	false	See the IconElement disabled option.
lang	string	No	"global"	See the IconElement lang option.

Events

---

Event	Arguments	Description
click	event	Button onclick