Спойлер — это элемент интерфейса, который позволяет скрывать и показывать контент по клику. Это отличный способ организовать информацию и сделать интерфейс более компактным и удобным для пользователя.
При клике на заголовок спойлера, JavaScript плавно раскрывает скрытый контент. Анимация реализована через CSS transitions с настраиваемой длительностью и функцией плавности.
Все параметры спойлера можно настроить через CSS переменные, что делает компонент очень гибким и переиспользуемым.
Вы можете настроить следующие параметры через CSS переменные:
Этот спойлер использует темную цветовую схему. Все цвета можно легко изменить через CSS переменные в классе theme-dark.
Более компактный вариант с меньшими отступами и более быстрой анимацией. Идеально подходит для плотного размещения контента.