mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 06:43:39 +09:00
48 lines
1.1 KiB
Markdown
48 lines
1.1 KiB
Markdown
### VIconWrap
|
|
|
|
The Vuero `<VIconWrap />` component let you display icons
|
|
in a fancy and colored way.
|
|
See code for more details about usage.
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VFlex column-gap="3px">
|
|
<VIconWrap icon="lucide:star" />
|
|
<VIconWrap
|
|
icon="lucide:help-circle"
|
|
color="info"
|
|
has-background
|
|
has-large-icon
|
|
/>
|
|
<VIconWrap icon="lucide:x" color="danger" />
|
|
<VIconWrap icon="lucide:code" />
|
|
<VIconWrap picture="/images/avatars/svg/vuero-1.svg" />
|
|
<VIconWrap picture="https://media.cssninja.io/content/avatars/13.jpg" />
|
|
</VFlex>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<div>
|
|
<VFlex column-gap="3px">
|
|
<VIconWrap icon="lucide:star" color="warning" />
|
|
<VIconWrap icon="lucide:code" />
|
|
<VIconWrap icon="lucide:x" color="danger" has-large-icon />
|
|
<VIconWrap
|
|
icon="lucide:help-circle"
|
|
color="info"
|
|
has-background
|
|
has-large-icon
|
|
/>
|
|
<VIconWrap picture="/images/avatars/svg/vuero-1.svg" />
|
|
<VIconWrap picture="https://media.cssninja.io/content/avatars/13.jpg" />
|
|
</VFlex>
|
|
</div>
|
|
|
|
<!--/example-->
|