element-gui/types/tabs.d.ts

A Component Library for Vue.js.

import { ElementUIComponent } from './component'

export type TabType = 'card' | 'border-card'
export type TabPosition = 'top' | 'right' | 'bottom' | 'left'

/** Divide data collections which are related yet belong to different types */
export declare class ElTabs extends ElementUIComponent {
  /** Type of Tab */
  type: TabType

  /** Whether Tab is closable */
  closable: boolean

  /** Whether Tab is addable */
  addable: boolean

  /** Whether Tab is addable and closable */
  editable: boolean

  /** Name of the selected tab */
  value: string | number

  /** Position of tabs */
  tabPosition: TabPosition

  /** Whether width of tab automatically fits its container */
  stretch: boolean

  /** Whether Tab is toggled with arrow keys */
  controllable: boolean

  /** Hook function before switching tab. If false or a Promise is returned and then is rejected, switching will be prevented */
    beforeLeave: (activeName: string | number, oldActiveName: string | number) => boolean | Promise<any>
}