File

Компонент для загрузки файлов (реализует нативный элемент <input type="file" /> и принимает все валидные для этого элемента свойства). Представляет собой кнопку, при нажатии на которую открывается стандартный диалог выбора файла.

В основе используется компонент Button и принимает все доступные для этого компонента свойства.

Загружается...

Компонент обеспечивает базовую доступность благодаря использованию нативного элемента <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>` Deprecated: Since 7.9.0. Вместо этого используйте `slotProps={ input: { getRootRef: ... } }`. По умолчанию: `-`
`getRootRef`	`Ref<HTMLElement>` По умолчанию: `-`
`loading`	`boolean` Включает состояние загрузки (отображает спиннер). По умолчанию: `-`
`mode`	`"link" \| "primary" \| "secondary" \| "tertiary" \| "outline"` Режим отображения кнопки. По умолчанию: `-`
`rounded`	`boolean` Добавляет скругленные углы кнопке. По умолчанию: `-`
`size`	`"s" \| "m" \| "l"` Размер кнопки. По умолчанию: `-`
`slotProps`	`{ root?: (Omit<LabelHTMLAttributes<HTMLLabelElement>, "children"> & HasRootRef<HTMLLabelElement> & HasDataAttribute); input?: (Omit<...> & ... 1 more ... & HasDataAttribute) \| undefined; } \| undefined` Свойства, которые можно прокинуть внутрь компонента: `root`: свойства для прокидывания в корень компонента; `input`: свойства для прокидывания в скрытый `input`. По умолчанию: `-`
`stretched`	`boolean` Растягивает кнопку на всю ширину контейнера. По умолчанию: `-`

DropZone

FormField