mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 08:53:29 +09:00
first
This commit is contained in:
47
documentation/icon-wrap/icon-wrap-default-documentation.md
Normal file
47
documentation/icon-wrap/icon-wrap-default-documentation.md
Normal file
@@ -0,0 +1,47 @@
|
||||
### 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-->
|
||||
Reference in New Issue
Block a user