Accordion

Свойства

  • title (string | jsx.JSX.Element):
    Заголовок аккордеона, который отображается в свернутом или развернутом состоянии. Может быть строкой или JSX-элементом.
  • children (jsx.JSX.Element):
    Содержимое аккордеона, которое будет показано при разворачивании. Это может быть любой JSX-элемент.
  • closed (boolean, по умолчанию: false):
    Определяет начальное состояние аккордеона: свернут true или развернут false.

События

  • toggleHandler:
    Обработчик, который вызывается при клике на заголовок аккордеона. Он переключает состояние аккордеона между свернутым и развернутым.
  • onMount:
    Событие, которое срабатывает при монтировании компонента. Устанавливает начальную высоту для обертки содержимого аккордеона, основываясь на размере элемента содержимого. Также включает ResizeObserver
  • ResizeObserver:
    Встроенный инструмент для наблюдения за изменениями размера элемента содержимого аккордеона. Если содержимое изменяет свои размеры, аккордеон автоматически корректирует высоту обертки для правильного отображения.

❤️ Made with love on Chatium

ООО "Чатиум"

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