index.html

<!doctype html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>ui5-pagination</title>
        <script type="module">
            import '@ui5/webcomponents-icons/AllIcons.js'
            import '@ui5/webcomponents/dist/Button.js'
        </script>
        <script type="module" src="/src"></script>
    </head>

    <body>
        <div style="display: grid; gap: 36px">
            <ui5-pagination></ui5-pagination>
            <ui5-pagination total="1"></ui5-pagination>
            <ui5-pagination total="4"></ui5-pagination>
            <ui5-pagination total="7"></ui5-pagination>
            <ui5-pagination total="10"></ui5-pagination>
            <ui5-pagination total="36"></ui5-pagination>
        </div>
    </body>
</html>