mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 07:13:44 +09:00
38 lines
940 B
Markdown
38 lines
940 B
Markdown
### Size
|
|
|
|
Control the size of `<VPlaceloadAvatar />` component to match your interface.
|
|
You can set the `size` properties according your needs
|
|
|
|
<!--code-->
|
|
|
|
```vue
|
|
<template>
|
|
<VFlex
|
|
flex-wrap="wrap"
|
|
align-items="flex-end"
|
|
row-gap=".5rem"
|
|
column-gap=".25rem"
|
|
>
|
|
<VPlaceloadAvatar class="mx-1" size="small" />
|
|
<VPlaceloadAvatar class="mx-1" size="medium" />
|
|
<VPlaceloadAvatar class="mx-1" size="large" />
|
|
<VPlaceloadAvatar class="mx-1" size="big" />
|
|
<VPlaceloadAvatar class="mx-1" size="xl" />
|
|
</VFlex>
|
|
</template>
|
|
```
|
|
|
|
<!--/code-->
|
|
|
|
<!--example-->
|
|
|
|
<VFlex flex-wrap="wrap" align-items="flex-end" row-gap=".5rem" column-gap=".25rem">
|
|
<VPlaceloadAvatar class="mx-1" size="small" />
|
|
<VPlaceloadAvatar class="mx-1" size="medium" />
|
|
<VPlaceloadAvatar class="mx-1" size="large" />
|
|
<VPlaceloadAvatar class="mx-1" size="big" />
|
|
<VPlaceloadAvatar class="mx-1" size="xl" />
|
|
</VFlex>
|
|
|
|
<!--/example-->
|