1.0.5 • Published 4 years ago

vue-bottom-dialog v1.0.5

Weekly downloads
14
License
MIT
Repository
github
Last release
4 years ago

VueBottomDialog

Simple mobile customizable dialog.

DEMO

Sandbox: https://codesandbox.io/s/2h39y

Installation

1. Install

yarn add vue-bottom-dialog
# or
npm i vue-bottom-dialog --save

2. Plug-in

import VueBottomDialog from 'vue-bottom-dialog'

Vue.use(VueBottomDialog)

3. Use in your components

Component can be controlled with a v-model.

<template>
  <vue-bottom-dialog v-model="dialog" />
</template>

<script>
  export default {
    data: () => {
        return {
          dialog: true,
        };
      },
  };
</script>

Properties

NameRequiredTypeDefaultDescription
heightfalseNumber100Dialog have fixed height
backgroundColorfalseString#757575Background color
overlayColorfalseStringrgba(255, 255, 255, 0.5)Outside dialog background color
hideIndentfalseBooleanfalseIf true, indent will be hidden
indentColorfalseString#FFFColor of indent
topRadiusfalseString20pxRadius of top corners

License

MIT

1.0.5

4 years ago

1.0.4

4 years ago

1.0.3

4 years ago

1.0.2

4 years ago

1.0.1

4 years ago

1.0.0

4 years ago