Get started with quasar-framework CDN

MIT licensed

Open-source Vue.js platform: Quasar builds responsive, mobile-first websites, PWAs.

Tags:
  • vuejs
  • vue
  • quasar
  • js
  • phone
  • tablet
  • desktop
  • spa
  • pwa
  • website
  • electron
  • quasar-framework
  • vue-component
  • javascript
  • ios
  • android
  • material
  • material-theme
  • material-design
  • material-components

Stable version

Copied!

How to start using quasar-framework CDN


<!DOCTYPE html>
<html>
<head>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/quasar-framework/0.17.20/quasar.css" referrerpolicy="no-referrer" />
  <script src="https://cdn.cdnhub.io/quasar-framework/0.17.20/quasar.mat.umd.min.js" referrerpolicy="no-referrer"></script>
</head>
<body>
  <div id="app">
    <q-layout view="lHh Lpr lFf">
      <q-header elevated>
        <q-toolbar>
          <q-btn flat round dense icon="menu" aria-label="Menu" @click="leftDrawerOpen = !leftDrawerOpen" />
          <q-toolbar-title>Quasar App</q-toolbar-title>
        </q-toolbar>
      </q-header>

      <q-drawer v-model="leftDrawerOpen" show-if-above side="left" bordered>
        <q-list>
          <q-item clickable to="/">
            <q-item-section avatar>
              <q-icon name="home" />
            </q-item-section>
            <q-item-section>Home</q-item-section>
          </q-item>
          <q-item clickable to="/about">
            <q-item-section avatar>
              <q-icon name="info" />
            </q-item-section>
            <q-item-section>About</q-item-section>
          </q-item>
        </q-list>
      </q-drawer>

      <q-page-container>
        <router-view />
      </q-page-container>
    </q-layout>
  </div>

  <script src="https://unpkg.com/vue@next"></script>
  <script src="https://unpkg.com/quasar-framework@0.17.20/quasar-app.js"></script>
  <script src="app.js"></script>
</body>
</html>
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!
Copied!

All versions