# Компоненты
Нужно реализовать слудующие компоненты
-[x] Плеер -[ ] Цвета
Цвета по сайту и по типу компонентов + взаимосвязи (наследование)
-[ ] Тексты
Заголовки на сайт
Тексты на сайте
Размеры текстов 16/24/36px ex
-[ ] Группа кнопок -[ ] Кнопки
Различные типы кнопок - залитые, с обводкой, цветной текст - настройки фон кнопки и цвет кнопки над ней
Различные размеры кнопок очень большая/большая/средняя/маленькая/очень маленькая
Различные Базовые темы кнопки - кнопка в стиле темы, успешная кнопка, кнопка danger, нейтральная кнопка
-[ ] Уведомления
Всплывающие уведомления сверху справа сайта (как вариант)
-[ ] Контейнер
Различный тип контейнера - на 100% ширины с отступом по краям (размеры согласовать)
Фиксированая ширина контейнера - 1190 (15 пикселей отсуп по бокам)
-[ ] Картинки
Различные типы картинок (скругление углов 50%, 10px, 0) Соотношение сторон (16/9, 3/4, 1/1, gj по умолчанию)
-[ ] Бейджи
Аналог: https://vuetifyjs.com/en/components/badges/#usage
Выводить или извещение что что то новое или число новых событий - может иметь обводку
-[ ] Хлебные крошки
Реализовать как выглядят хлебные крошки - является ли текущая страница кликабельной, как называть главную
-[ ] Карточки Собрать примеры из других компонентов как выглядит карточка спикера или карточка спича
-[ ] Лейблы
текст на подложке - различные цвета подложек, различные углы скругления, возможность вложить один в другой
-[ ] Група лейблов
если несколько лейблов расположено рядом (возможно добавить кнопки удалить добавить новые)
-[ ] Модальное окно
Реализация и вид модального окна - шапка модалки, контентная область, подвал модалки
-[ ] Разделитель
разделитель который может толкать контент в разные стороны (хз нужен или нет)
-[ ] Сворачивающиеся панели (функционал)
реализовать функционал что есть табы - пример в документации к написанию модулей
-[ ] Сворачивающиеся панели (компонет как faq)
на базе функционального компонента реализовать визуальный блок
-[ ] Система гридов
сколько колонок какие отступы в блоках
-[ ] Иконки
собрать используемые на проекте иконки чтобы использовать их в виде иконочного шрифта
-[ ] Выбор даты
селект с выбором даты
-[ ] Выбор времени
селект с выбором времени
-[ ] Прогресс - круг
как показывать прогрес загрузки функционала
-[ ] Прогрес - линия
как показывать прогрес загрузки функционала
-[ ] Шит - групировка элементов
подложка под элементы - используется внутри карточек
-[ ] Снакбар
уведомления снизу экрана
-[ ] Шаги
как выглядит система "шаг 1 || шаг 2 || шаг 3"
-[ ] Таблицы
как выглядят таблицы с данными
-[ ] Табы (функционал)
-[ ] Табы (реализация компонента)
-[ ] Таймлайн -[ ] Тультипы
всплывающие блоки сверху/снизу/справа/слева от элемента
-[ ] Virtual scroller
узнать как реализовываться
-[ ] Click outside
реализовать функционал что можно кликнуть вне элемента для действия
-[ ] Pip
реализовать функционал чтобы перевести элемент в режим картинка в картинке
-[ ] FullScreen
реализовать функционал чтобы перевести элемент в режим полного экрана
# Инпуты
-[ ] Умный инпут от типа (компонент) -[ ] Текстовый инпут -[ ] Тексовая область -[ ] Выпадающий список -[ ] Чекбокс -[ ] Группа чекбоксов -[ ] Группа радиокнопок -[ ] Свитч on/off -[ ] Файловый инпут -[ ] Слайдер 1 значени -[ ] Слайдер 2 значения