Установка зависимостей npm install
Запуск проекта npm run dev
Сверстать компонент /src/components/Sidebar.jsx по дизайну c использованием styled-components.
- Нужна ссылка на развернутый вариант с готовой демонстрацией
- Код нужно выложить на github/gitlab
- В
/src/index.scssесть дизайн-токены для светлой и темной темы - В зависимости от prop
colorSidebar должен иметь стили темной или светлой темы - Сделать кнопку для переключения темы (стили на свое усмотрение)
- Возможность смены темы должна быть реализована в styled-components за счет дизайн-токенов
- лого
- элементы навигации
hover,activeсостояния у элементов Sidebar- анимация при закрытии/открытии у элементов, которые скрываются/появляются
- тултипы
- профиль
- анимация при загрузке страницы (не открытие/закрытие)
- иконки могут не соответствовать, это не так важно
- больше всего интересует анимация при открытии/закрытии
- логотип в проекте другой, используйте его