diff --git a/core/src/components/action-sheet/readme.md b/core/src/components/action-sheet/readme.md index fcfb07a4e4..2d1e82d4de 100644 --- a/core/src/components/action-sheet/readme.md +++ b/core/src/components/action-sheet/readme.md @@ -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');