Function Popup

Agama component for displaying a popup

Built on top of PF/Modal, it manipulates the children object for extracting {Actions}.

Parameters

__namedParameters: PopupProps

Returns Element

Example: Usage example

  <Popup
    title="Users"
    isOpen={showUserSettings}
  >
    <UserSettingsForm />
    <Popup.Actions>
      <Popup.PrimaryAction key="confirm" onClick={updateUserSetting}>Confirm</Popup.PrimaryAction>
      <Popup.SecondaryAction key="cancel" onClick={cancel}>Cancel</Popup.SecondaryAction>
      <Popup.AncillaryAction key="unset" onClick={turnUserSettingsOff}>
        Do not set a user
      </Popup.AncillaryAction>
    </Popup.Actions>
  </Popup>

Example: Usage example using shortcuts actions

  <Popup
    title="Users"
    isOpen={showUserSettings}
  >
    <UserSettingsForm />
    <Popup.Actions>
      <Popup.Confirm onClick={updateUserSetting} />
      <Popup.Cancel onClick={cancel} />
      <Popup.AncillaryAction key="unset" onClick={turnUserSettingsOff}>
        Do not set a user
      </Popup.AncillaryAction>
    </Popup.Actions>
  </Popup>