JSFiddle - React, Tailwind, and code Playground

by dumptyd

HTML

<link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/@mdi/[email protected]/css/materialdesignicons.min.css" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vue.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/vuetify.js"></script>

<div id="app">
  <v-app>
    <v-container>
      <ol>
        <li>Enable responsive mode.</li>
        <li>Drag to scroll anywhere inside the container (doesn't work)</li>
      </ol>

     <div class="chip-container">
      <v-chip-group v-for="i in 10" column>
        <v-chip v-for="j in 5">Lorem, ipsum dolor.</v-chip>
      </v-chip-group>
     </div>
    </v-container>
  </v-app>
</div>

CSS

.chip-container {
  height: 400px;
  width: 400px;
  border: 2px solid red;
  overflow: auto;
}

JavaScript

new Vue({
	el: '#app',
  vuetify: new Vuetify()
})