useIonActionSheet, how do I set subHeader?

Ionic Framework Ionic React
1

ion-action-sheet: Ionic Framework API Docs

when using the template, you can set the subHeader, but when using the hook, there doesnt see to be a way to set it unless it is undocumented?

2

You can set it in the present() function, which is returned from the hook:
const [present, dismiss] = useIonActionSheet()

<IonButton
          expand="block"
          onClick={() =>
            present({
              subHeader: "I am here!",
              buttons: [{ text: "Ok" }, { text: "Cancel" }],
              header: "Action Sheet",
            })
          }
        >
          Show ActionSheet
</IonButton>
1 Like