%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /proc/thread-self/root/home/forge/takeaseat.eco-n-tech.co.uk/components/slots/
Upload File :
Create Path :
Current File : //proc/thread-self/root/home/forge/takeaseat.eco-n-tech.co.uk/components/slots/Widget.vue

<template>
  <div class="relative border-t border-black border-opacity-10">
    <button @click="open =! open"
      class="flex items-center justify-between w-full py-8 font-medium text-left focus:outline-none"
      type="button">
      <span>{{ title }}</span>
      <svg :class="open ? 'rotate-180' : ''"
        class="w-6 h-6 transition duration-200 transform" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke="currentColor">
        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M5 15l7-7 7 7" />
      </svg>
    </button>
    <div v-show="open == true"
      class="overflow-y-auto -mt-4 mb-6"
      style="max-height: 300px">
      <slot></slot>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    title: String
  },

  data() {
    return {
      open: true
    }
  }
}
</script>

Zerion Mini Shell 1.0