mirror of
https://git.hmsn.ink/kospo/svcm/oa.git
synced 2026-03-20 12:33:51 +09:00
first
This commit is contained in:
@@ -0,0 +1,32 @@
|
||||
### Content
|
||||
|
||||
You can add content inside the `<VCardAction />` component. It will act as
|
||||
any other component slot.
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VCardAction
|
||||
avatar="https://media.cssninja.io/content/avatars/19.jpg"
|
||||
badge="/images/icons/flags/germany.svg"
|
||||
title="Greta K."
|
||||
subtitle="Sales Manager"
|
||||
>
|
||||
<template #action>
|
||||
<VTag
|
||||
color="green"
|
||||
label="trending"
|
||||
rounded
|
||||
/>
|
||||
</template>
|
||||
<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>
|
||||
</VCardAction>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
32
documentation/card-action/v-card-action-documentation.md
Normal file
32
documentation/card-action/v-card-action-documentation.md
Normal file
@@ -0,0 +1,32 @@
|
||||
### VCardAction
|
||||
|
||||
The `<VCardAction />` component is a enhamcement and port to Vue
|
||||
of the classic bulma card component, a classy and easy way
|
||||
to display post-like content. The component has several props
|
||||
to pass in the content you want to display.
|
||||
Check the code example for more details.
|
||||
|
||||
<!--code-->
|
||||
|
||||
<!--code-->
|
||||
|
||||
```vue
|
||||
<template>
|
||||
<VCardAction
|
||||
avatar="https://media.cssninja.io/content/avatars/19.jpg"
|
||||
badge="/images/icons/flags/germany.svg"
|
||||
title="Greta K."
|
||||
subtitle="Sales Manager"
|
||||
>
|
||||
<template #action>
|
||||
<VTag
|
||||
color="green"
|
||||
label="trending"
|
||||
rounded
|
||||
/>
|
||||
</template>
|
||||
</VCardAction>
|
||||
</template>
|
||||
```
|
||||
|
||||
<!--/code-->
|
||||
Reference in New Issue
Block a user