Skip to main content

Simple Static HTML Usage

Early Access

This documentation is currently in early access, information and features may change.



Let's include our cdn in our project

your-html-file.html
<html>
    <!-- ... -->
    <head>
        <!-- ... -->
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/fvuarjs@latest/styles/fvuar.min.css">
    </head>
    <body>
        <!-- ... -->
        <button id="showAlert">Show Alert</button>

        <script src="https://cdn.jsdelivr.net/npm/fvuarjs@latest/fvuar.min.js"></script>

        <script>
            document.getElementById('showAlert').addEventListener('click', () => {
                Fvuar.new({
                    text: "Your Alert is here",
                    theme: "success",
                    position: "bottom-center",
                    displayTime: 3,
                    clickToClose: false
                });
            });
        </script>
    </body>
</html>