UNPKG

@cocreate/twilio

Version:

A simple twilio component in vanilla javascript. Easily configured using HTML5 attributes and/or JavaScript API.

58 lines (52 loc) 1.8 kB
<!DOCTYPE html> <html lang="en"> <head> <title>Twilio</title> <style type="text/css"> .template { display: none; } .btnsubmit { margin: 25px; border-radius: 10px; font-size: 18px; font-family: "Cookie", cursive; cursor: pointer; } </style> <link rel="manifest" href="/manifest.webmanifest" /> </head> <body> <h1>Get Twilio Phone Number List :-</h1> <form> accountId : <input twilio="twilioPhoneNumberList.accountId" required /> authToken : <input twilio="twilioPhoneNumberList.authToken" required /> <br /> <button class="btnsubmit" actions="twilioPhoneNumberList"> Get Twilio Number List </button> </form> <div template_id="twilioPhoneNumberList"> <h4>Twilio Phone Numbers List :-</h4> <div class="template margin:10px" value="{{data.id}}" render="data"> <div style=" display: flex; align-items: center; width: 100%; flex-wrap: wrap; "> <h3 class="margin-right:10px" value="{{data.phoneNumber}}"> phoneNumber </h3> </div> <hr /> </div> </div> <!--CoCreateJS--> <script src="https://CoCreate.app/dist/CoCreate.js"></script> <!-- <script src="../dist/CoCreate-twilio.js"></script> --> </body> </html>