svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 01:12:30 +09:00
Code Issues Packages Projects Releases Wiki Activity

first

Browse Source
This commit is contained in:
bangae1
2025-05-24 01:49:48 +09:00
commit 62abbcf4eb
2376 changed files with 325522 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

64
documentation/icon-button/v-icon-button-default-documentation.md Normal file
View File

@@ -0,0 +1,64 @@
### VIconButton
`<VIconButton />` components work well with Font Awesome Icons.
Add an icon name inside the `icon` prop to set a Font Awesome icon.
You can also create square and circle buttons with a single icon
using the `<VIconButton />` component.
Please refer to markup for detailed examples.
<!--code-->
```vue
<template>
<VButtons>
<VIconButton icon="lucide:mail" />
<VIconButton color="success" icon="lucide:phone" />
<VIconButton
color="info"
light
icon="fab fa-twitter"
/>
<VIconButton
color="primary"
circle
icon="lucide:message-circle"
/>
<VIconButton
color="warning"
outlined
circle
icon="lucide:triangle"
/>
<VIconButton
color="danger"
light
raised
circle
icon="lucide:x"
/>
<VIconButton
color="primary"
outlined
loading
circle
icon="lucide:plus"
/>
</VButtons>
</template>
```
<!--/code-->
<!--example-->
<VButtons>
<VIconButton icon="lucide:mail" />
<VIconButton color="success" icon="lucide:phone" />
<VIconButton color="info" light icon="fab fa-twitter" />
<VIconButton color="primary" circle icon="lucide:message-circle" />
<VIconButton color="warning" outlined circle icon="lucide:triangle" />
<VIconButton color="danger" light circle icon="lucide:x" />
<VIconButton color="primary" outlined loading circle icon="lucide:plus" />
</VButtons>
<!--/example-->