JSFiddle - React, Tailwind, and code Playground
HTML
<?xml version='1.0' encoding='utf-8'?>
<widget id="xx.project.hello" version="1.0.0" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
<name>Hello</name>
<description />
<author email="[email protected]" href="https://www.example.com">
Your company
</author>
<content src="index.html" />
<preference name="DisallowOverscroll" value="true" />
<preference name="orientation" value="portrait" />
<preference name="Fullscreen" value="false" />
<preference name="AndroidLaunchMode" value="singleTask" />
<preference name="StatusBarStyle" value="blacktranslucent" />
<preference name="StatusBarOverlaysWebView" value="true" />
<preference name="StatusBarBackgroundColor" value="transparent" />
<access origin="*" />
<allow-intent href="http://*/*" />
<allow-intent href="https://*/*" />
<allow-intent href="tel:*" />
<allow-intent href="sms:*" />
<allow-intent href="mailto:*" />
<allow-intent href="geo:*" />
<platform name="android">
<allow-intent href="market:*" />
<icon density="ldpi" src="www/icons/icon_36.png" />
<icon density="mdpi" src="www/icons/icon_48.png" />
<icon density="hdpi" src="www/icons/icon_72.png" />
<icon density="xhdpi" src="www/icons/icon_96.png" />
<icon density="xxhdpi" src="www/icons/icon_144.png" />
<icon density="xxxhdpi" src="www/icons/icon_192.png" />
<splash density="port-ldpi" src="www/icons/splash_200x320.png" />
<splash density="port-mdpi" src="www/icons/splash_320x480.png" />
<splash density="port-hdpi" src="www/icons/splash_480x800.png" />
<splash density="port-xhdpi" src="www/icons/splash_720x1280.png" />
<splash density="port-xxhdpi" src="www/icons/splash_960x1600.png" />
<splash density="port-xxxhdpi" src="www/icons/splash_1280x1920.png" />
</platform>
<platform name="ios">
<allow-intent href="itms:*" />
...