Upload

О элементе

Компонент прикрепления файла. Служит для единичного или множественного прикрепления файла для дальнейшей отправки их на сервер.

Как правильно написать текст – читайте в текстовом гайде

Анатомия

Внешний вид	Размеры, Шрифты
	text Regular 13/18 px icon — plus.svg 20х20 рх
	text Regular 13/18 px icon — plus.svg 20х20 рх
	text Regular 13/18 px icon — file.svg 16х16 рх icon — clearsmall.svg 20х20 рх

Разновидности

Standart	Big

Состояния

Upload

Состояние	Внешний вид	Цвета
Inactive		background (0, 0%, 100%, 1) text (0, 0%, 20%, 1) linktext (202, 72%, 56%, 1) stroke 1 px(0, 0%, 84%, 1) icon (0, 0%, 68%, 1)
Hover		background (0, 0%, 96%, 1) text (0, 0%, 20%, 1) linktext (202, 72%, 56%, 1) stroke (0, 0%, 84%, 1) icon (0, 0%, 36%, 1)
Click		annimation (0, 0%, 92%, 1)
Select		background (0, 0%, 92%, 1) text (0, 0%, 20%, 1) linktext (202, 72%, 56%, 1) stroke (0, 0%, 84%, 1) icon (0, 0%, 36%, 1)
Disable		background (0, 0%, 100%, 1) text (0, 0%, 84%, 1) linktext (0, 0%, 84%, 1) stroke (0, 0%, 92%, 1) icon (0, 0%, 92%, 1)
Loading		icon 20х20 рх (0, 0%, 36%, 1)

Documents

Состояние	Внешний вид	Цвета
Inactive		background (0, 0%, 100%, 1) text (0, 0%, 20%, 1) icon (0, 0%, 68%, 1)
Hover		background (0, 0%, 96%, 1) text (0, 0%, 20%, 1) icon (0, 0%, 36%, 1)
Click		annimation (0, 0%, 92%, 1)
Sellect		background (0, 0%, 92%, 1) text (0, 0%, 20%, 1) icon (0, 0%, 36%, 1)
Disable		background (0, 0%, 100%, 1) text (0, 0%, 84%, 1) icon (0, 0%, 92%, 1)
Loading		icon 20х20 рх (0, 0%, 36%, 1)
Error		background (0, 0%, 100%, 1) text (8, 83%, 64%, 1) icon — clearsmall.svg 20х20 рх (8, 83%, 64%, 1)

Элемент в Storybook