Kembali ke halaman sebelumnya
  1. Home
  2. Docs
  3. Tabs

Getting Started

Installation to start using design system Quantum

Quick Start

Mulai dengan memasukkan CSS dan JavaScript siap-pakai Quantum tanpa memerlukan langkah-langkah pembuatan apa pun.

  1. Sertakan file css Quantum Sertakan juga tag <meta name="viewport"> untuk perilaku responsif yang tepat di perangkat seluler 
                                                        <!doctype html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <title>Quantum Demo</title>

        <link href="http://quantum.sevima.com/v1/assets/stylesheets/css/main.css" rel="stylesheet">
    </head>
    <body>
        ...
    </body>
</html>
  2. Sertakan JS Quantum
    Berikut seluruh JS yang bisa dipakai di versi ini:
    <!-- [START] core script -->
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/jquery/jquery-3.6.1.min.js"></script> <!-- JQuery hanya untuk sementara ini -->
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/core/app.js"></script>
<!-- [END] core script -->

<!--[START] All script src-->
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/alert.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/avatar.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/collapse.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/dropdown-action.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/dropdown-menu.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/dropdown.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/modal.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/module.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/offcanvas.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/pagination.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/progress.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/tooltip.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/forms.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/slider.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/table.js"></script>
<script type="text/javascript" src="https://quantum.sevima.com/v1/assets/js/tabs.js"></script>
<!--[END] All script src-->