1# JS Dialog Box 2 3 4 5### Introduction 6 7The JS UI component **\<dialog>** allows users to customize the dialog box style and layout. This sample shows how to use a custom dialog box to implement contacts addition and deletion. 8 9### Usage 10 111. Touch **Add Contact**. A dialog box is displayed. Touch **OK** to add a contact, or touch **Cancel** to cancel the addition. 12 132. In the contact list, touch **Delete** next to the new contact. A dialog box is displayed. Touch **Delete** to delete the contact, or touch **Cancel** to cancel the deletion. 14 15### Constraints 16 17This sample can only be run on standard-system devices. 18