Appearance

Accordion

DesignA11yAPIExampleChangelog

[5.18.0] - 2023-12-06 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/core [2.11.0 ~> 2.12.0]).

[5.17.0] - 2023-12-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.13.0 ~> 4.14.0]).

[5.16.0] - 2023-11-24 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.10.3 ~> 4.13.0], @semcore/core [2.9.2 ~> 2.10.0]).

[5.15.1] - 2023-11-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.10.2 ~> 4.10.3]).

[5.15.0] - 2023-11-13 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.15.0 ~> 4.16.0]).

[5.14.0] - 2023-11-10 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.14.1 ~> 4.15.0]).

[5.13.1] - 2023-11-09 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.10.1 ~> 4.10.2]).

[5.13.0] - 2023-11-06 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.13.0 ~> 4.14.0], @semcore/utils [4.9.0 ~> 4.10.1], @semcore/core [2.8.0 ~> 2.9.0]).

[5.12.0] - 2023-10-27 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.12.0 ~> 4.13.0], @semcore/utils [4.8.4 ~> 4.9.0]).

[5.11.0] - 2023-10-26 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.11.2 ~> 4.12.0]).

[5.10.2] - 2023-10-24 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.3 ~> 4.8.4]).

[5.10.1] - 2023-10-16 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.2 ~> 4.8.3]).

[5.10.0] - 2023-10-10 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/flex-box [5.7.5 ~> 5.8.0]).

[5.9.5] - 2023-10-06 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.1 ~> 4.8.2]).

[5.9.4] - 2023-10-03 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.8.0 ~> 4.8.1]).

[5.9.3] - 2023-10-02 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/icon [4.9.2 ~> 4.10.0], @semcore/utils [4.7.2 ~> 4.8.0], @semcore/core [2.7.2 ~> 2.7.3]).

[5.9.2] - 2023-09-20 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.7.1 ~> 2.7.2]).

[5.9.1] - 2023-09-20 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.7.0 ~> 4.7.1]).

[5.9.0] - 2023-09-19 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.8.3 ~> 4.9.0]).

[5.8.3] - 2023-09-13 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/icon [4.8.2 ~> 4.8.3], @semcore/utils [4.6.3 ~> 4.7.0]).

[5.8.2] - 2023-09-12 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.6.2 ~> 2.6.3]).

[5.8.1] - 2023-09-08 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.6.1 ~> 4.6.2]).

[5.8.0] - 2023-09-05 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.7.1 ~> 4.8.0]).

[5.7.1] - 2023-09-05 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.6.0 ~> 2.6.1]).

[5.7.0] - 2023-09-04 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/core [2.5.0 ~> 2.6.0]).

[5.6.0] - 2023-08-28 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.4.1 ~> 4.5.0]).

[5.5.1] - 2023-08-24 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/utils [4.4.0 ~> 4.4.1]).

[5.5.0] - 2023-08-23 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/icon [4.4.1 ~> 4.5.0], @semcore/utils [4.3.1 ~> 4.4.0]).

[5.4.1] - 2023-08-21 ​

Changed ​

  • Version prepatch update due to children dependencies update (@semcore/core [2.3.0 ~> 2.3.1]).

[5.4.0] - 2023-08-18 ​

Changed ​

  • Version preminor update due to children dependencies update (@semcore/utils [4.2.0 ~> 4.3.0], @semcore/core [2.2.1 ~> 2.3.0]).

[5.3.1] - 2023-08-14 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/core [2.2.0 ~> 2.2.1]).

[5.3.0] - 2023-08-07 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/utils [4.0.0 ~> 4.1.0]).

[5.2.0] - 2023-08-01 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/flex-box [5.0.0 ~> 5.1.0], @semcore/icon [4.1.0 ~> 4.2.0]).

[5.1.0] - 2023-07-27 ​

Changed ​

  • Version minor update due to children dependencies update (@semcore/icon [4.0.0 ~> 4.1.0]).

[5.0.0] - 2023-07-17 ​

Break ​

  • Strict, backward incompatible typings.

[4.3.36] - 2023-06-30 ​

[4.3.35] - 2023-06-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [3.15.3 ~> 3.16.0]).

[4.3.34] - 2023-06-27 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.4 ~> 3.54.0]).

[4.3.33] - 2023-06-14 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.3 ~> 3.53.4]).

[4.3.32] - 2023-06-12 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.53.2 ~> 3.53.3]).

[4.3.31] - 2023-06-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [3.14.16 ~> 3.15.0], @semcore/utils [3.53.1 ~> 3.53.2]).

[4.3.30] - 2023-06-07 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.10.15 ~> 1.10.16], @semcore/utils [3.53.0 ~> 3.53.1]).

[4.3.29] - 2023-06-02 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.10.14 ~> 1.10.15]).

[4.3.28] - 2023-05-31 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.52.0 ~> 3.53.0]).

[4.3.27] - 2023-05-29 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.10.12 ~> 1.10.13]).

[4.3.26] - 2023-05-25 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.51.1 ~> 3.52.0]).

[4.3.25] - 2023-05-24 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.51.0 ~> 3.51.1]).

[4.3.24] - 2023-05-22 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.7 ~> 3.51.0]).

[4.3.23] - 2023-05-11 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.6 ~> 3.50.7]).

[4.3.22] - 2023-05-04 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.5 ~> 3.50.6]).

[4.3.20] - 2023-05-02 ​

[4.3.19] - 2023-04-26 ​

[4.3.18] - 2023-04-24 ​

[4.3.17] - 2023-04-17 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.50.0 ~> 3.50.3]).

[4.3.16] - 2023-04-03 ​

[4.3.15] - 2023-03-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.9.9 ~> 1.10.0], @semcore/utils [3.49.1 ~> 3.50.0]).

[4.3.11] - 2023-03-22 ​

Fixed ​

  • Toggles attributes aria-expanded and aria-controls were not applied when accordion section was closed.

[4.3.10] - 2023-03-22 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.47.3 ~> 3.47.4]).

[4.3.5] - 2023-03-01 ​

[4.3.4] - 2023-02-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.9.1 ~> 1.9.2]).

[4.3.2] - 2023-02-22 ​

[4.3.1] - 2023-02-21 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.47.0 ~> 3.47.1]).

[4.3.0] - 2023-02-20 ​

Changed ​

  • Animation duration now might be controlled with design tokens.

[4.2.15] - 2023-02-13 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [3.9.0 ~> 3.10.0]).

[4.2.14] - 2023-02-13 ​

[4.2.13] - 2023-02-09 ​

[4.2.12] - 2023-01-20 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [3.7.0 ~> 3.8.0], @semcore/utils [3.45.0 ~> 3.46.0]).

[4.2.9] - 2023-01-18 ​

Added ​

  • Added duration property to Accordion.Item types.

[4.2.8] - 2023-01-11 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/animation [1.8.7 ~> 1.8.8]).

[4.2.7] - 2023-01-11 ​

[4.2.6] - 2023-01-10 ​

[4.2.5] - 2023-01-09 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.44.1 ~> 3.44.2]).

[4.2.1] - 2022-12-13 ​

Changed ​

  • Added react-dom to peer dependencies.

[4.2.0] - 2022-12-12 ​

Added ​

  • Design tokens based theming.

[4.1.7] - 2022-11-08 ​

[4.1.6] - 2022-10-28 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [3.1.1 ~> 3.1.2], @semcore/utils [3.40.0 ~> 3.40.0]).

[4.1.0] - 2022-10-10 ​

Changed ​

  • Added support for React 18 🔥
  • Extended version range for dependency @semcore/icons.

[4.0.22] - 2022-10-06 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [2.32.2 ~> 2.33.0]).

[4.0.16] - 2022-09-30 ​

Fixed ​

  • Fixed elements id uniqueness.

[4.0.15] - 2022-08-30 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/utils [3.37.0 ~> 3.37.1]).

[4.0.10] - 2022-08-10 ​

Fixed ​

  • Fixed disabled items handling to improve component accessibility.

[4.0.9] - 2022-07-25 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [2.29.1 ~> 2.29.2]).

[4.0.0] - 2022-05-17 ​

BREAK ​

  • Updated styles according to the library redesign policy.

[3.5.6] - 2022-05-16 ​

Changed ​

  • Version patch update due to children dependencies update (@semcore/icon [2.21.0 ~> 2.24.0]).

[3.5.0] - 2021-03-04 ​

Added ​

  • Disabled animation if reduce motion is preferred.

[3.4.1] - 2022-02-24 ​

Added ​

  • Added repository field to package.json file.

[3.4.0] - 2022-01-18 ​

Changed ​

  • Up version icons and use new icon.

[3.3.4] - 2021-8-26 ​

Changed ​

  • Add 'sideEffect=false' for more optimal build via webpack

[3.3.2] - 2021-07-05 ​

Fixed ​

  • Add default type for generic value

[3.3.1] - 2021-06-08 ​

Changed ​

  • Fix TS type

[3.3.0] - 2021-05-17 ​

Changed ​

  • Rewrite code from TS to JS 🧑‍💻

[3.2.0] - 2021-04-26 ​

Changed ​

  • Version of dependence @semcore/core has been changed to 1.11.
  • Improved performance. Removed one component wrapper.
  • The style processing system has been changed.
  • Removed the ability to apply media styles via a plugin babel-plugin-react-semcore.

[3.1.1] - 2020-12-25 ​

Changed ​

  • Update version package animation.

[3.1.0] - 2020-12-17 ​

Added ​

  • Added supported react@17.

[3.0.7] - 2020-10-29 ​

Fixed ​

  • Added the placeholder for ID style tag to improve collision protection.

[3.0.6] - 2020-10-20 ​

Fixed ​

  • Added null ts type for value.

[3.0.5] - 2020-10-20 ​

Fixed ​

  • Added keyboard interaction for Toggle.

[3.0.1] - 2020-10-14 ​

Fixed ​

  • Fixed wrong path for ES6 build

[3.0.0] - 2020-10-08 ​

BREAK ​

  • Remove wrapper node for Accordion.
  • Remove style for Trigger and rename in Toggle.
  • Rename Content to Collapse.
  • Remove margin for Chevron.
  • Remove export AccordionItem.
  • Remove prop selectedValues.
  • Change animation way.

[2.1.0] - 2020-09-30 ​

Added ​

  • Added generic for better value and onChange typings

Changed ​

  • Update @semcore/core version to ^1.8

[2.0.3] - 2020-09-18 ​

Fixed ​

  • Bubbling event from interaction components inside Accordion.Item.Content for listener onChange in Accordion

[2.0.2] - 2020-09-08 ​

Fixed ​

  • Fixed possible styles collisions between components with different versions, but same styles

[2.0.1] - 2020-07-21 ​

Fixed ​

  • Исправили баг в Chrome, когда при скрытии контента вызывался скролл всей страницы

Added ​

  • Установили z-index для триггера, когда на него приходит фокус, для нормального отображения тени вокруг

[2.0.0] - 2020-07-10 ​

BREAK ​

[1.4.0] - 2020-02-14 ​

Added ​

  • Добавили функцию selectedValues для управления активностью вкладок, возвращаемый массив value будет отображен

Fixed ​

  • Поправили лишние перерендеры компонентов при изменении активной вкладки

[1.3.2] - 2020-01-10 ​

Fixed ​

  • Убрали повторный вызов onChange для Accordion с массивом данных

[1.3.1] - 2019-12-31 ​

Added ​

  • Добавили ширину в 100% для обертки контента в всплывающем окне

[1.3.0] - 2019-12-31 ​

Fixed ​

  • Поправили вызов onChange для Accordion
  • Исправлен транспайл цветовых переменных для стилей без префиксов (build.css)

Added ​

  • Добавлена адаптивность на маленьких экранах(<768px)
  • Появилась возможность добавления различных стилистических тем через css переменные
  • Появилась возможность оптицонально подключать адаптивноссть
  • Появилась возможность изолировать стили даже в пределах одной страницы

Changed ​

  • Изменен алгоритм вставки стилей в head

Removed ​

  • Убраны относительные единицы измерения(rem), которые использовались для адаптивности

[1.0.1] - 2019-11-06 ​

Changed ​

  • свойство value для Accordion теперь не обязательный параметр

[1.0.0] - 2019-11-01 ​

Added ​

  • Initial release

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.

Released under the MIT License.

Copyright © 2023-present Powered by Semrush. All rights reserved.