ReactJS Dialog Box Component

#codepen #react #javascript #css

Dialog box component written in ReactJS.

I prepared I18N object, but I only know 3 languages, so I only added those 3 in the constant variable.

This dialog box is inspired by Cupertino design. Textbox is inspired by Twitter Bootstrap. Buttons are inspired by Material design.

These dialog boxes are lightly animated.

Usage: 'btn' attribute is for the text content of the buttons. 'type' is for dialog box type (alert, confirm, prompt). 'title' is for the title of the dialog box. 'msg' is for the message of the dialog box. 'lang' is for the language. 'ok' is the callback function if 'OK' button is pressed. 'cancel' is the callback function if 'Cancel' button is pressed.

Top comments (0)

Build a Stunning Software Engineer Portfolio with HTML, CSS, and JavaScript

sharathchandark - Dec 19 '24

Buffer Logs and Flush Automatically on Error with Powertools for Lambda

Chris Cook - Dec 18 '24

Dive into Plasma Sphere Interaction!

Ayush Kumar Vishwakarma - Dec 19 '24

JavaScript: The "English" of Programming Languages

Norbs' Notes - Dec 16 '24

JavaScript Form Builder UI Component

Generate dynamic JSON-driven forms directly in your JavaScript app (Angular, React, Vue.js, jQuery) with a fully customizable drag-and-drop form builder. Easily integrate with any backend system and retain full ownership over your data, with no user or form submission limits.

Learn more

DEV Community