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

51
documentation/card/card-base-documentation.md Normal file
View File

@@ -0,0 +1,51 @@
---
disable_example: true
---
### VCard
Vuero cards are very versatile and can be used in any type of layout.
Vuero provides 3 main Html cards with the following classes: `.s-card`,
`.r-card` and `.l-card`. The main difference each one of those is
the border radius, giving a unique look and feel to each one of them.
<!--code-->
```vue
<template>
<VCard radius="small">
<h3 class="title is-5 mb-2">
Iam an S-Card
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quibusnam praeteritis? At
multis se probavit. Quoniam, si dis placet, ab Epicuro loqui discimus. Et ille
ridens.
</p>
</VCard>
<VCard>
<h3 class="title is-5 mb-2">
Iam an R-Card
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quibusnam praeteritis? At
multis se probavit. Quoniam, si dis placet, ab Epicuro loqui discimus. Et ille
ridens.
</p>
</VCard>
<VCard radius="large">
<h3 class="title is-5 mb-2">
Iam an L-Card
</h3>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quibusnam praeteritis? At
multis se probavit. Quoniam, si dis placet, ab Epicuro loqui discimus. Et ille
ridens.
</p>
</VCard>
</template>
```
<!--/code-->