javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-11-09 08:09:32 +08:00
Code Issues Packages Projects Releases Wiki Activity

docs(vue): update usage examples to kebab-case (#20313)

Browse Source 
references #20296
This commit is contained in:
Brandy Carney
2020-01-27 14:22:42 -05:00
committed by GitHub
parent 09bef71ccd
commit da6263a044
24 changed files with 202 additions and 68 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
core/src/components/thumbnail/readme.md
View File

@ -10,7 +10,7 @@ Thumbnails can be used by themselves or inside of any element. If placed inside
## Usage
### Javascript
### Angular / javascript
```html
<ion-thumbnail>
@ -49,6 +49,24 @@ export const ThumbnailExample: React.FC = () => (
```
### Vue
```html
<template>
<ion-thumbnail>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-item>
<ion-thumbnail slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-label>Item Thumbnail</ion-label>
</ion-item>
</template>
```
## CSS Custom Properties

12
core/src/components/thumbnail/usage/angular.md Normal file
View File

@ -0,0 +1,12 @@
```html
<ion-thumbnail>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-item>
<ion-thumbnail slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-label>Item Thumbnail</ion-label>
</ion-item>
```

14
core/src/components/thumbnail/usage/vue.md Normal file
View File

@ -0,0 +1,14 @@
```html
<template>
<ion-thumbnail>
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-item>
<ion-thumbnail slot="start">
<img src="https://gravatar.com/avatar/dba6bae8c566f9d4041fb9cd9ada7741?d=identicon&f=y">
</ion-thumbnail>
<ion-label>Item Thumbnail</ion-label>
</ion-item>
</template>
```