tintindu-dialog v1.1.4

TintinDuDialog Modal Component

The TintinDuDialog is a customizable modal dialog component for React applications, offering a range of features to enhance user experience.

Features

• Customizable Close Button: Choose between text (e.g., "Close") or an icon (e.g., "✕") for the modal's close button.
• Custom Styles: Pass custom styles via the customStyles prop to match your application's design theme.
• Event Handling: Utilize the onClose callback prop for a smooth user experience when the modal is closed.

Table of Contents

• Props
• Usage Example
• Customization
• Further Documentation

Props

Usage Example

<TintinDuDialog
  isOpen={isModalOpen}
  onClose={() => setModalOpen(false)}
  closeButtonStyle="icon"
  customStyles={{
    overlay: { backgroundColor: 'rgba(0, 0, 0, 0.5)' },
    content: { border: '2px solid #f00' },
  }}
>
  <p>Your content here</p>
</TintinDuDialog>