vex-js
Version:
Beautiful, functional dialogs in vanilla JavaScript
46 lines (45 loc) • 1.85 kB
HTML
<html>
<head>
<script src="../dist/js/vex.combined.min.js"></script>
<link rel="stylesheet" href="../dist/css/vex.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-default.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-os.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-plain.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-wireframe.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-flat-attack.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-top.css" />
<link rel="stylesheet" href="../dist/css/vex-theme-bottom-right-corner.css" />
</head>
<body>
<script>
vex.dialog.alert({
message: 'Testing the default theme.',
className: 'vex-theme-default'
})
vex.dialog.alert({
message: 'Testing the os theme.',
className: 'vex-theme-os'
})
vex.dialog.alert({
message: 'Testing the plain theme.',
className: 'vex-theme-plain'
})
vex.dialog.alert({
message: 'Testing the wireframe theme.',
className: 'vex-theme-wireframe'
})
vex.dialog.alert({
message: 'Testing the FlatAttack! theme.',
className: 'vex-theme-flat-attack'
})
vex.dialog.alert({
message: 'Testing the top theme.',
className: 'vex-theme-top'
})
vex.dialog.alert({
message: 'Testing the bottom right corner theme.',
className: 'vex-theme-bottom-right-corner'
})
</script>
</body>
</html>