File
Компонент для загрузки файлов (реализует нативный элемент <input type="file" />
и принимает все валидные для этого
элемента свойства). Представляет собой кнопку, при нажатии на которую открывается стандартный диалог выбора файла.
В основе используется компонент Button
и принимает все доступные для этого компонента свойства.
Доступность (a11y)
Компонент обеспечивает базовую доступность благодаря использованию нативного элемента <input type="file" />
.
Старайтесь оборачивать компонент в FormItem
или используйте свойства aria-describedby
/aria-labelledby
для
предоставления понятного текста, описывающего ожидаемое действие.
Свойства и методы
Свойство | Описание |
---|---|
after | ReactNode Контент, отображаемый после основного содержимого кнопки. По умолчанию: - |
align | AlignType По умолчанию: left |
appearance | "accent" | "positive" | "negative" | "neutral" | "overlay" | "accent-invariable" Цветовая схема кнопки. По умолчанию: - |
before | ReactNode Контент, отображаемый перед основным содержимым кнопки. По умолчанию: - |
disableSpinnerAnimation | boolean Отключает анимацию спиннера загрузки. По умолчанию: - |
getRef | Ref<HTMLInputElement> По умолчанию: - |
getRootRef | Ref<HTMLElement> По умолчанию: - |
loading | boolean Включает состояние загрузки (отображает спиннер). По умолчанию: - |
mode | "link" | "primary" | "secondary" | "tertiary" | "outline" Режим отображения кнопки. По умолчанию: - |
rounded | boolean Добавляет скругленные углы кнопке. По умолчанию: - |
size | "s" | "m" | "l" Размер кнопки. По умолчанию: - |
stretched | boolean Растягивает кнопку на всю ширину контейнера. По умолчанию: - |