69 lines
No EOL
1.8 KiB
JSON
69 lines
No EOL
1.8 KiB
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",
|
|
"tsType": "NamedColor",
|
|
"desc": "Color name for component from the Quasar Color Palette",
|
|
"examples": [
|
|
"primary",
|
|
"teal",
|
|
"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"
|
|
}
|
|
}
|
|
} |