Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

bug: Icon is not working for action sheet button #3855

Open
johngeng opened this issue Oct 13, 2024 · 1 comment
Open

bug: Icon is not working for action sheet button #3855

johngeng opened this issue Oct 13, 2024 · 1 comment
Labels
triage New issues

Comments

@johngeng
Copy link

Describe the Bug

When specify icon to ActionSheetButton, the icon is not rendered. Here is link to reproduce https://stackblitz.com/edit/tcrhwk?file=src%2Fmain.tsx

`import React from 'react';
import { IonActionSheet, IonButton } from '@ionic/react';

function Example() {
return (
<>
Open
<IonActionSheet
trigger="open-action-sheet"
header="Actions"
buttons={[
{
text: 'Delete',
role: 'destructive',
icon: 'close',
data: {
action: 'delete',
},
},
{
text: 'Share',
icon: 'arrow-redo',
data: {
action: 'share',
},
},
{
text: 'Cancel',
role: 'cancel',
data: {
action: 'cancel',
},
},
]}
>
</>
);
}
export default Example;`

Expected Behavior

Should show close icon for action delete button, and arrow-redo icon for action share button

Steps to Reproduce

Run the link https://stackblitz.com/edit/tcrhwk?file=src%2Fmain.tsx

Screenshots

No response

Operating System

Windows

Browser

Chrome

Version

129

Additional Information

No response

@johngeng johngeng added the triage New issues label Oct 13, 2024
@johngeng
Copy link
Author

@sean-perkins any comment please?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
triage New issues
Projects
None yet
Development

No branches or pull requests

1 participant