Arrow_down_24.svgchevron-right-s-16icon-bars1-72icon-bars10-72icon-bars11-72icon-bars12-72icon-bars13-72icon-bars2-72icon-bars3-72icon-bars4-72icon-bars5-72icon-bars6-72icon-bars7-72icon-bars8-72icon-bars9-72storybook-16-solid

Определение

File uploader (Загрузчик файлов) — это компонент позволяющий пользователям загружать один или несколько файлов, перетаскивая их в специально выделенную область страницы или при клике на нее.

Функциональность

Позволяет пользователям загружать один или несколько файлов одновременно.
Обеспечивает удобный интерфейс для выбора и загрузки нужных файлов с компьютера или другого устройства.

После нажатия на форму открывается системное диалоговое окно, в котором пользователь может выбрать файл. Типы файлов определяются параметрами системы.

Компонент упрощает процесс выбора файлов, позволяя пользователям просто перетаскивать их в специальную зону загрузки. Это делает взаимодействие более удобным и быстрым, минимизируя необходимость использования традиционного выбора через файловый проводник.

Дизайн и Стиль

Размер и Форма

Компонент имеет фиксированную высоту, но его ширина может увеличиваться в зависимости от контекста использования, однако не превышает 640px. Это позволяет компоненту адаптироваться к разным макетам, сохраняя удобство взаимодействия и эстетичный внешний вид, независимо от ширины экрана.

Цвет и Контраст

Соблюдайте общие цветовые правила дизайн-системы. Палитра Plex отвечает стандартам контрастности WCAG.

Параметры

В зависимости от требований компонент может не содержать иконки, а также информацию о доступных для загрузки форматах файлов. Это позволяет адаптировать его под различные сценарии использования, сохраняя только необходимые элементы для конкретной задачи, что делает интерфейс более минималистичным и функциональным.

Состояния

Анатомия