Prop | Type | Default | Description |
---|---|---|---|
open | boolean | Controls the visibility of the modal or modal content. | |
onClose | () => void | Callback function to handle closing of the modal. | |
children | React.ReactNode | Content to be displayed inside the component. | |
size | "sm","md","lg" | "sm" | Size of the modal. |
animationType | "slide-up","slide-down","fade","zoom" | "zoom" | Type of animation used for the modal. |
width | number | "25vw" | Custom width for the modal. |
disableBackdropClick | boolean | false | Disables closing the modal when clicking on the backdrop. |
customModalOverly | string | Custom class name to apply additional styles or override existing styles. | |
customModalContent | string | Custom class name to apply additional styles or override existing styles. |
Prop | Type | Default | Description |
---|---|---|---|
children | React.ReactNode | Text content of the title. | |
fontSize | string | Custom font size for the title. | |
color | string | Color for the title. | |
textAlign | "left","center" | "left" | Text alignment for the title. |
fontWidth | "300","400","500","600","700","800","900" | "700" | Font weight for the title. |
customModalTitle | string | Custom class name to apply additional styles or override existing styles. | |
customModalDescription | string | Custom class name to apply additional styles or override existing styles. |
Prop | Type | Default | Description |
---|---|---|---|
children | React.ReactNode | Content displayed inside the button. | |
color | "primary","secondary", "success","error","warning","info","primary" | "secondary" | Color theme for the button. |
size | "sm","md","lg" | "sm" | Size of the button. |
animationOnHover | "slide-up","slide-down", "fade","zoom" | "slide-up" | Animation applied when hovering over the button. |
disabled | boolean | false | Disables the button when set to true. |
onClose | () => void | Callback for closing the button (useful if the button is part of a modal or similar component). | |
startIcon | React.ReactNode | Icon displayed at the start of the button. | |
endIcon | React.ReactNode | Icon displayed at the end of the button. | |
loading | boolean | false | Shows a loading spinner when true. |
variant | "contained","outline", "text","contained" | "contained" | Variant style of the button. |
customModalCancelButton | string | "" | Custom class name to apply additional styles or override existing styles. |
customModalSuccessButton | string | Custom class name to apply additional styles or override existing styles. | |
primary,secondary,error,success,warning,info | string | Custom class name to apply additional styles or override existing styles. | |
btn-sm,btn-md,btn-lg | string | Custom class name to apply additional styles or override existing styles. |
Prop | Type | Default | Description |
---|---|---|---|
color | string | Color of the divider line. | |
height | string | Height of the divider line. | |
customModalDivider | string | Custom class name to apply additional styles or override existing styles. |