Skip to content

Commit

Permalink
chore(): fix failing tests due to markdown file not being updated aft…
Browse files Browse the repository at this point in the history
…er build.
  • Loading branch information
jthoms1 committed Feb 27, 2019
1 parent e7d41ad commit 9b3a371
Showing 1 changed file with 66 additions and 0 deletions.
66 changes: 66 additions & 0 deletions core/src/components/modal/readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -178,6 +178,72 @@ export class ModalExample extends Component<Props, State> {
```


### Vue

```vue
<template>
<div>
<ion-header>
<ion-toolbar>
<ion-title>{{ title }}</ion-title>
</ion-toolbar>
</ion-header>
<ion-content padding>
{{ content }}
</ion-content>
</div>
</template>
<script>
export default {
name: 'Modal',
props: {
title: { type: String, default: 'Super Modal' },
},
data() {
return {
content: 'Content',
}
},
}
</script>
```

```vue
<template>
<ion-page class="ion-page" main>
<ion-content class="ion-content" padding>
<ion-button @click="openModal">Open Modal</ion-button>
</ion-content>
</ion-page>
</template>
<script>
import Modal from './modal.vue'
export default {
methods: {
openModal() {
return this.$ionic.modalController
.create({
component: Modal,
componentProps: {
data: {
content: 'New Content',
},
propsData: {
title: 'New title',
},
},
})
.then(m => m.present())
},
},
}
</script>
```



## Properties

Expand Down

0 comments on commit 9b3a371

Please sign in to comment.