framework7-vue/components/sheet.d.ts

Build full featured iOS & Android apps using Framework7 & Vue

import { ComponentOptionsMixin, DefineComponent, PropType } from 'vue';


declare const Sheet: DefineComponent<
  {
    
    opened: {
      type: BooleanConstructor;
    },

    top: {
      type: BooleanConstructor;
    },

    bottom: {
      type: BooleanConstructor;
    },

    position: {
      type: StringConstructor;
    },

    push: {
      type: BooleanConstructor;
    },

    animate: {
      type: BooleanConstructor;
      default: undefined;
    },

    backdrop: {
      type: BooleanConstructor;
      default: undefined;
    },

    backdropEl: {
      type: StringConstructor | ObjectConstructor;
      default: undefined;
    },

    closeByBackdropClick: {
      type: BooleanConstructor;
      default: undefined;
    },

    closeByOutsideClick: {
      type: BooleanConstructor;
      default: undefined;
    },

    closeOnEscape: {
      type: BooleanConstructor;
      default: undefined;
    },

    swipeToClose: {
      type: BooleanConstructor;
      default: undefined;
    },

    swipeToStep: {
      type: BooleanConstructor;
      default: undefined;
    },

    swipeHandler: {
      type: StringConstructor | ObjectConstructor;
      default: undefined;
    },

    containerEl: {
      type: StringConstructor | ObjectConstructor;
      default: undefined;
    },

    breakpoints: {
      type: ArrayConstructor;
      default: () => undefined;
    },

    backdropBreakpoint: {
      type: NumberConstructor;
      default: undefined;
    },

    pushBreakpoint: {
      type: NumberConstructor;
      default: undefined;
    },

    color: {
      type: StringConstructor;
    },

    colorTheme: {
      type: StringConstructor;
    },

    textColor: {
      type: StringConstructor;
    },

    bgColor: {
      type: StringConstructor;
    },

    borderColor: {
      type: StringConstructor;
    },

    rippleColor: {
      type: StringConstructor;
    },

    dark: {
      type: BooleanConstructor;
    }
  },
  () => JSX.Element,
  unknown,
  {},
  {},
  ComponentOptionsMixin,
  ComponentOptionsMixin,
  ("sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "sheet:breakpoint" | "update:opened")[],
  "sheet:stepprogress" | "sheet:stepopen" | "sheet:stepclose" | "sheet:open" | "sheet:opened" | "sheet:close" | "sheet:closed" | "sheet:breakpoint" | "update:opened"
>;

export default Sheet;