Dropdown

SfDropdown - компонент выпадающего окна.


Props

value

  • type: boolean
  • default: false

Управляет выпадающим блоком, передается через v-model.

closeOnClick

  • type: boolean
  • default: false

Если указано true, окно будет закрываться по клику на нем.

disabled

  • type: boolean
  • default: false

Если указано true, перейдет в состояние неактивного элемента.

placement

  • type: string
  • default: 'bottom-start'
  • available values: 'auto' | 'auto-start' | 'auto-end' | 'bottom-start' | 'bottom-end' | 'top-start' | 'top-end' | 'left-start' | 'left-end' | 'right-start' | 'right-end'

Задает позицию выпадающего окна, относительно активатора.

arrowable

  • type: boolean
  • default: true

Добавляет стрелочку к выпадающему блоку.

Slots

default

  • required: false

Контент который будет отображен в выпадающем окне.

Scoped slots

activator

  • required: true
  • props: isOpen

Элемент-активатор для выпадающего окна.

Example