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

131
documentation/icon-box/icon-box-squared-border-documentation.md Normal file
View File

@@ -0,0 +1,131 @@
### Box border
The Vuero `<VIconBox />` component can have a thick border.
You can add a border by simply adding the `bordered` prop to the component.
See the code example for more details.
<!--code-->
```vue
<template>
<VIconBox
size="medium"
color="primary"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="info"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="success"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="warning"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="danger"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="purple"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="yellow"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="orange"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="green"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="red"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
<VIconBox
size="medium"
color="blue"
bordered
>
<i class="lnil lnil-vector-pen" />
</VIconBox>
</template>
```
<!--/code-->
<!--example-->
<div class="is-flex is-gap-0.5 is-flex-wrap-wrap is-align-items-flex-end">
<VIconBox size="medium" color="primary" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="info" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="success" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="warning" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="danger" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="purple" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="yellow" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="orange" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="green" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="red" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
<VIconBox size="medium" color="blue" bordered>
<i class="lnil lnil-vector-pen"></i>
</VIconBox>
</div>
<!--/example-->