Vue-bottom-sheet NPM

vue-bottom-sheet

Swipeable Material Bottom Sheet implementation that does not require any dependencies. Works only on touchscreens.

npm install vue-bottom-sheet

<VueBottomSheet>
  <!--> Your content here </-->
</VueBottomSheet>

import { VueBottomSheet } from 'vue-bottom-sheet'

export default {
  components: {
    VueBottomSheet
  }
}

Name	Required	Type	Default	Description
backgroundColor	false	String	white	Color of the sheet
image	false	Boolean	false	Adds an animated title image to the sheet
imageSrc	false	String	-	Specifies the cover image. Requires the attribute `image`
minSheetHeight	false	Number	window.innerHeight * 0.15	Height of the sheet when closed
halfOpenSheetHeight	false	Number	window.innerHeight * 0.5	Height of the sheet when open in the first stage
maxSheetHeight	false	Number	window.innerHeight	Height of the sheet when open in the second (last) stage
rounded	false	Boolean	false	Round the top two corners of the sheet
elevation	false	String	8	Sets the elevation of the sheet 0...24