Dropdown

Свойства

  • input (any):
    Элемент, который используется для отображения кнопки или области, при нажатии на которую раскрывается содержимое Dropdown.
  • popupDirection (['left' | 'right', 'up' | 'down']):
    Определяет направление, в котором будет раскрываться содержимое. Можно задать горизонтальное и вертикальное направление (например, ['right', 'down']). Если не указано, направление рассчитываeтся автоматически в зависимости от доступного пространства на экране.
  • onOutsideClick:
    Обработчик, который вызывается, когда пользователь кликает вне выпадающего списка. Обычно используется для скрытия Dropdown.
  • onShow:
    Функция-обработчик, вызываемая при открытии выпадающего списка.
  • onHide:
    Функция-обработчик, вызываемая при скрытии выпадающего списка.
  • style (JSX.CSSProperties):
    Инлайн-стили для основного контейнера Dropdown.
  • ref (Ref<DropdownRefMethods>):
    Ссылка на методы управления компонентом (например, программное открытие и закрытие).

События

  • overflowHandler:
    Обработчик клика по области вне выпадающего списка. Скрывает Dropdown и вызывает обработчик onOutsideClick.
  • componentMethods:
    Объект, содержащий методы для управления видимостью Dropdown. Включает методы hide(), show() и dropdownVisible() для программного контроля над компонентом.
  • dispatchDropDownHideEvent:
    Функция для программного скрытия выпадающего списка. Она отправляет кастомное событие dropdownHide, которое компонент обрабатывает и скрывает содержимое.

Методы DropdownRefMethods

  • hide(): Программно скрывает Dropdown.
  • show(): Программно открывает Dropdown.
  • dropdownVisible(): Возвращает текущее состояние видимости выпадающего списка (открыт или закрыт).

❤️ Made with love on Chatium

ООО "Чатиум"

Информация о компании