mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 08:13:40 +09:00
47 lines
860 B
Markdown
47 lines
860 B
Markdown
### Lucide Icons
|
|
|
|
`<VButton />` 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>
|
|
<VButton
|
|
color="info"
|
|
icon="lucide:twitter"
|
|
elevated
|
|
>
|
|
Tweet Now
|
|
</VButton>
|
|
<VButton
|
|
color="danger"
|
|
icon="lucide:gitlab"
|
|
raised
|
|
rounded
|
|
>
|
|
Commit Code
|
|
</VButton>
|
|
</VButtons>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VButtons>
|
|
<VButton color="info" icon="lucide:twitter" elevated>
|
|
Tweet Now
|
|
</VButton>
|
|
<VButton color="danger" icon="lucide:gitlab" raised rounded>
|
|
Commit Code
|
|
</VButton>
|
|
</VButtons>
|
|
|
|
<!--/example-->
|