svcm/oa
1
0
Fork 0
mirror of https://git.hmsn.ink/kospo/svcm/oa.git synced 2026-03-20 07:13:44 +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

89
documentation/snack/v-snack-small-icon-documentation.md Normal file
View File

@@ -0,0 +1,89 @@
### Small icons
`<VSnack />` components than can be displayed in a smaller size.
Use the `size="small"` prop on the component to show a smaller version of it.
<!--code-->
```vue
<template>
<VSnack
title="Shopping"
white
size="small"
icon="lucide:shopping-cart"
>
<VIcon icon="lucide:plus" />
</VSnack>
<VSnack
title="Shopping"
color="primary"
size="small"
icon="lucide:smile"
>
<VIcon icon="lucide:plus" />
</VSnack>
<VSnack
title="Support"
color="success"
white
size="small"
icon="lucide:life-buoy"
>
<VIcon icon="lucide:plus" />
</VSnack>
<VSnack
title="Business"
color="info"
size="small"
icon="lucide:briefcase"
>
<VIcon icon="lucide:plus" />
</VSnack>
<VSnack
title="Warning"
color="warning"
white
size="small"
icon="lucide:alert-octagon"
>
<VIcon icon="lucide:plus" />
</VSnack>
<VSnack
title="Health"
color="danger"
white
size="small"
icon="lucide:thermometer"
>
<VIcon icon="lucide:plus" />
</VSnack>
</template>
```
<!--/code-->
<!--example-->
<div class="snacks">
<VSnack title="Shopping" white size="small" icon="lucide:shopping-cart">
<VIcon icon="lucide:plus"/>
</VSnack>
<VSnack title="Shopping" color="primary" size="small" icon="lucide:smile">
<VIcon icon="lucide:plus"/>
</VSnack>
<VSnack title="Support" color="success" white size="small" icon="lucide:life-buoy">
<VIcon icon="lucide:plus"/>
</VSnack>
<VSnack title="Business" color="info" size="small" icon="lucide:briefcase">
<VIcon icon="lucide:plus"/>
</VSnack>
<VSnack title="Warning" color="warning" white size="small" icon="lucide:alert-octagon">
<VIcon icon="lucide:plus"/>
</VSnack>
<VSnack title="Health" color="danger" white size="small" icon="lucide:thermometer">
<VIcon icon="lucide:plus"/>
</VSnack>
</div>
<!--/example-->