mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-20 04:14:21 +08:00
docs(vue): add usage docs for all non-controller components (#17643)
This commit is contained in:
@ -73,6 +73,36 @@ const Example: React.SFC<{}> = () => (
|
||||
export default Example
|
||||
|
||||
|
||||
### Vue
|
||||
|
||||
```html
|
||||
<template>
|
||||
<!-- Default Note -->
|
||||
<ion-note>Default Note</ion-note>
|
||||
|
||||
<!-- Note Colors -->
|
||||
<ion-note color="primary">Primary Note</ion-note>
|
||||
<ion-note color="secondary">Secondary Note</ion-note>
|
||||
<ion-note color="danger">Danger Note</ion-note>
|
||||
<ion-note color="light">Light Note</ion-note>
|
||||
<ion-note color="dark">Dark Note</ion-note>
|
||||
|
||||
<!-- Notes in a List -->
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
<ion-label>Note (End)</ion-label>
|
||||
<ion-note slot="end">On</ion-note>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-note slot="start">Off</ion-note>
|
||||
<ion-label>Note (Start)</ion-label>
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</template>
|
||||
```
|
||||
|
||||
|
||||
|
||||
## Properties
|
||||
|
||||
|
26
core/src/components/note/usage/vue.md
Normal file
26
core/src/components/note/usage/vue.md
Normal file
@ -0,0 +1,26 @@
|
||||
```html
|
||||
<template>
|
||||
<!-- Default Note -->
|
||||
<ion-note>Default Note</ion-note>
|
||||
|
||||
<!-- Note Colors -->
|
||||
<ion-note color="primary">Primary Note</ion-note>
|
||||
<ion-note color="secondary">Secondary Note</ion-note>
|
||||
<ion-note color="danger">Danger Note</ion-note>
|
||||
<ion-note color="light">Light Note</ion-note>
|
||||
<ion-note color="dark">Dark Note</ion-note>
|
||||
|
||||
<!-- Notes in a List -->
|
||||
<ion-list>
|
||||
<ion-item>
|
||||
<ion-label>Note (End)</ion-label>
|
||||
<ion-note slot="end">On</ion-note>
|
||||
</ion-item>
|
||||
|
||||
<ion-item>
|
||||
<ion-note slot="start">Off</ion-note>
|
||||
<ion-label>Note (Start)</ion-label>
|
||||
</ion-item>
|
||||
</ion-list>
|
||||
</template>
|
||||
```
|
Reference in New Issue
Block a user