ui

Основные UI компоненты которые используются во всем приложении

Папка deprecated содержит компоненты которые устарели и заменены компонентами из папки redesigned

Старые компоненты не поддерживаются, поэтому здесь приведены ссылки только на актуальные версии компонентов и краткое описание их предназначения

Как правило в папке с компонентом содержится непосредственно сам компонент, а так же файл сторибука и стили относящиеся к данному компоненту. Полное описание компонента с передаваемыми пропсами описано в комментария в самом коде. Так же там находится файл index.ts которые представляет собой экспорт компонента в соответствии с правилами архитектуры FSD.

Для получения полного описания работы компонента необходимо пройти по ссылкам

• AppImage: Компонент AppImage отображает изображение
• AppLink: Компонент AppLink предназначен для работы со ссылками
• AppLogo: Компонент AppLogo предназначен для работы с логотипами
• Avatar: Компонент Avatar предназначен для отображения аватаров
• Button: Компонент Button предназначен для отображения кнопок
• Card: Компонент Card предназначен для создания карточек
• Code: Компонент Code предназначен для отображения блока с кодом
• Drawer: Компонент Drawer предназначен для отображения шторки на мобильных устройствах
• Icon: Компонент Icon предназначен для отображения иконок
• Input: Компонент Input предназначен для отображения полей ввода
• Modal: Компонент Modal предназначен для отображения модальных окон
• Overlay: Компонент Overlay предназначен для закрытия при клике во вне модального окна
• Popups:
  • Dropdown: Выпадающий список-меню
  • ListBox: Выпадающее меню
  • Popover: Всплывающие меню
• Portal: Позволяет рендерить дочерние элементы в указанный DOM элемент
• Skeleton: Показывает скелеты шаблона во время загрузки приложения
• Stack:
  • Flex: Компонент Flex, который принимает различные свойства и применяет их для создания гибкого контейнера с определенным стилем
  • HStack: Для установки отступов в ширину
  • VStack: Для установки отступов в высоту
• Tabs: Компонент для отображения табов
• Text: Компонент для отображения текста