%PDF-
%PDF-
Mini Shell
Mini Shell
<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