quasar
Version:
Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
67 lines • 1.82 kB
JSON
{
"type": "component",
"meta": {
"docsUrl": "https://v2.quasar.dev/vue-components/icon"
},
"props": {
"size": {
"type": "String",
"desc": "Size in CSS units, including unit name or standard size name (xs|sm|md|lg|xl)",
"examples": [
"16px",
"2rem",
"xs",
"md"
],
"category": "style"
},
"tag": {
"type": "String",
"desc": "HTML tag to render, unless no icon is supplied or it's an svg icon",
"examples": [
"div",
"span",
"div",
"i"
],
"category": "content",
"default": "i",
"required": false
},
"name": {
"type": "String",
"desc": "Icon name following Quasar convention; Make sure you have the icon library installed unless you are using 'img:' prefix; If 'none' (String) is used as value then no icon is rendered (but screen real estate will still be used for it)",
"examples": [
"map",
"ion-add",
"img:https://cdn.quasar.dev/logo-v2/svg/logo.svg",
"img:path/to/some_image.png"
],
"category": "model"
},
"color": {
"type": "String",
"desc": "Color name for component from the Quasar Color Palette",
"examples": [
"primary",
"teal-10"
],
"category": "style"
},
"left": {
"type": "Boolean",
"desc": "Useful if icon is on the left side of something: applies a standard margin on the right side of Icon",
"category": "content"
},
"right": {
"type": "Boolean",
"desc": "Useful if icon is on the right side of something: applies a standard margin on the left side of Icon",
"category": "content"
}
},
"slots": {
"default": {
"desc": "Suggestions: QTooltip or QMenu"
}
}
}