FloatingWindow

Свойства

  • title (string):
    Заголовок окна, который отображается в хедере. Если передан, будет отображен внутри элемента с классом FloatingWindow__header__title.
  • header (any):
    Дополнительный контент для хедера. Может быть любым JSX-элементом или набором элементов, которые будут отображаться в заголовке окна.
  • shown (boolean):
    Определяет, отображается ли окно. Если true, к классу будет добавлен модификатор __shown, который управляет видимостью окна.
  • side ('left' | 'right'):
    Определяет сторону, с которой окно будет отображаться. По умолчанию окно отображается слева ('left'), но может быть с правой стороны ('right').
  • top (number | string):
    Положение окна сверху. Может быть передано в пикселях (number) или строкой с единицами измерения CSS (string).
  • style (jsx.JSX.CSSProperties):
    Инлайн-стили для основного контейнера окна. Позволяет управлять внешним видом через CSS-свойства.
  • onClose *(function(MouseEvent)):
    Обработчик клика по кнопке закрытия окна. Если передан, появится кнопка "✕", по клику на которую вызывается переданная функция.

Важные моменты

  • propsTitle и propsHeader:
    Вычисленные значения для заголовка и хедера окна. Если передан заголовок или кастомный хедер, они будут отображены в хедере окна.
  • classes:
    Формирует строку классов для окна. Добавляет базовый класс FloatingWindow, модификаторы стороны (__left или __right) и состояние показа окна (__shown).
  • styles:
    Вычисляемый объект инлайн-стилей, который включает отступ сверху (top), если он передан, и любые другие кастомные стили из props.style.

❤️ Made with love on Chatium

ООО "Чатиум"

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