@grixu/slideover v1.0.0

@grixu/slideover

It's simple slideover component in Vue 3, styled with WindiCSS.

Usage

<template>
  <Slideover @close="hideSlideover" v-if="isSlideoverVisible">
    <slot #title>You can customize title, but it's optional</slot>
    Put your slideover content here.
    <slot #actions="{ close }">
      <Button primary @click="takeImportantAction">Important action</Button>
      <Button info @click="close">Ssh-hh, just close it!</Button>
    </slot>
  </Slideover>
</template>

<script setup>
import { ref } from 'vue'
import Slideover from '@grixu/slideover'
import Button from '@grixu/button'

const isSlideoverVisible = ref(true)
const hideSlideover = () => isSlideoverVisible.value = false
const takeImportantAction = () => console.log("I don't know what I'm doing...")
</script>

Changelog

Please see CHANGELOG in each package for more information what has changed recently.

Contributing

Please see CONTRIBUTING for details.

Credits

• Mateusz Gostański
• Samuel Baron

License

The MIT License (MIT). Please see License File for more information.