VIconWrap
The Vuero <VIconWrap /> component let you display icons in a fancy and colored way. See code for more details about usage.
Colors
Customize <VIconWrap /> with the color and hasBackground props.
See code for more details about usage.
Size
Customize <VIconWrap /> with the size and hasLargeIcon props.
See code for more details about usage.
Dark mode
Customize <VIconWrap /> with the dark, darkPrimary and darkCardBordered props.
See code for more details about usage.
Tooltips
You can add the v-tooltip directive to <VIconWrap /> component.
See code for more details about usage.
VIconWrap Props
Here is the full props available for <VIconWrap /> component:
| Props | Default | Type |
|---|---|---|
| icon | undefined | string |
| picture | undefined | string |
| size | undefined | small, medium, large |
| color | undefined | white, black, light, dark, primary, secondary, success, link, info, warning, danger |
| hasBackground | false | boolean |
| hasLargeIcon | false | boolean |
| placeholder | false | boolean |
| dark | 3 | 1, 2, 3, 4, 5, 6 |
| darkPrimary | false | boolean |
| darkCardBordered | false | boolean |