chore(docs): updating ActionSheet React sample

This commit is contained in:
Ely Lucas
2019-12-17 10:52:58 -07:00
parent 432887b410
commit f8773a4e04

View File

@@ -127,6 +127,7 @@ async function presentActionSheet() {
```typescript
import React, { useState } from 'react'
import { IonActionSheet, IonContent, IonButton } from '@ionic/react';
import { trash, share, close, arrowDroprightCircle, heart } from 'ionicons/icons';
export const ActionSheetExample: React.FC = () => {
@@ -141,31 +142,31 @@ export const ActionSheetExample: React.FC = () => {
buttons={[{
text: 'Delete',
role: 'destructive',
icon: 'trash',
icon: trash,
handler: () => {
console.log('Delete clicked');
}
}, {
text: 'Share',
icon: 'share',
icon: share,
handler: () => {
console.log('Share clicked');
}
}, {
text: 'Play (open modal)',
icon: 'arrow-dropright-circle',
icon: arrowDroprightCircle,
handler: () => {
console.log('Play clicked');
}
}, {
text: 'Favorite',
icon: 'heart',
icon: heart,
handler: () => {
console.log('Favorite clicked');
}
}, {
text: 'Cancel',
icon: 'close',
icon: close,
role: 'cancel',
handler: () => {
console.log('Cancel clicked');