Skip to main content

CreateGroupModal

Effortless Modal Integration: Add a modal to create group effortlessly with CreateGroupModal.

Creating groups becomes a straightforward task with this modal component, completely eliminating the need to concern yourself with its functionality. By simply passing an onClose method for the modal, you can effortlessly integrate it into your application. This versatility allows you to create both gated and non-gated groups without any hassle.

Usage

import { CreateGroupModal } from "@pushprotocol/uiweb";

const CreateGroupModalTest = () => {
return (
<div>
<CreateGroupModal onClose={()=>{console.log('closes the modal')}}/>
</div>
);
};

export default CreateGroupModalTest;

Customization parameters

ParamTypeDefaultRemarks
onClosefunction-Function to perfom any task on clicking the cancel or cross button on the modal
modalBackgroundModalBackgroundType-Default value is "OVERLAY", decides the create group modal background, possible values are "OVERLAY" &#124 "BLUR" &#124 "TRANSPARENT"
modalPositionTypeModalPositionType-Default value is "GLOBAL", decides the create group modal position, it can be either relative to immediate parent(RELATIVE) or the entire screen(GLOBAL), possible values are "RELATIVE" &#124 "GLOBAL"

Note: Parameters in this style are mandatory.

Note: Refer ChatUIProvider for details on its paramters.

Push CreateGroupModal Component live playground

LIVE PREVIEW