@snack-uikit/attachment v0.4.7
Attachment
Installation
npm i @snack-uikit/attachment
AttachmentSquare
Props
name | type | default value | description |
---|---|---|---|
file | File | - | Файл |
onDownload | (file?: File) => void | - | Колбек на клик по кнопке скачивания |
onDelete | (file?: File) => void | - | Колбек на клик по кнопке удаления |
onRetry | () => void | - | Колбек на клик по кнопке повторения |
title | string | fileName | Заголовок |
description | string | fileExtension | Описание |
error | string | - | Сообщение об ошибке |
truncateVariant | "end" | "middle" | - | Вариант обрезания строки: - End - с конца; - Middle - по середине |
loading | boolean | - | Управление состоянием загрузки |
icon | JSXElementConstructor<{ size?: number; className?: string; }> | - | Иконка для файла @defaultIcon FileSVG |
size | enum Size: "s" , "m" | s | Размер |
checked | boolean | - | Управление состоянием выбран/не выбран |
disabled | boolean | - | Управление состоянием интерактивности |
onClick | (e: MouseEvent<HTMLDivElement \| HTMLAnchorElement, MouseEvent>) => void | - | Колбек на клик по карточке |
className | string | - | CSS-класс для элемента с контентом |
Attachment
Props
name | type | default value | description |
---|---|---|---|
file | File | - | Файл |
onDownload | (file?: File) => void | - | Колбек на клик по кнопке скачивания |
onDelete | (file?: File) => void | - | Колбек на клик по кнопке удаления |
onRetry | () => void | - | Колбек на клик по кнопке повторения |
title | string | fileName | Заголовок |
description | string | fileExtension | Описание |
error | string | - | Сообщение об ошибке |
truncateVariant | "end" | "middle" | - | Вариант обрезания строки: - End - с конца; - Middle - по середине |
loading | boolean | - | Управление состоянием загрузки |
icon | JSXElementConstructor<{ size?: number; className?: string; }> | - | Иконка для файла @defaultIcon FileSVG |
size | enum Size: "s" , "m" | s | Размер |
checked | boolean | - | Управление состоянием выбран/не выбран |
disabled | boolean | - | Управление состоянием интерактивности |
onClick | (e: MouseEvent<HTMLDivElement \| HTMLAnchorElement, MouseEvent>) => void | - | Колбек на клик по карточке |
className | string | - | CSS-класс для элемента с контентом |
truncate | { title?: number; description?: number; error?: number; } | - |
1 month ago
7 months ago
3 months ago
2 months ago
5 months ago
7 months ago
2 months ago
1 month ago
8 months ago
7 months ago
4 months ago
6 months ago
3 months ago
4 months ago
7 months ago
4 months ago
5 months ago
8 months ago
8 months ago
5 months ago
5 months ago
3 months ago
4 months ago
6 months ago
7 months ago
7 months ago
7 months ago
7 months ago
5 months ago
7 months ago
2 months ago
3 months ago
5 months ago
6 months ago
4 months ago
6 months ago
7 months ago
3 months ago
3 months ago
5 months ago
3 months ago
2 months ago
8 months ago
8 months ago
8 months ago
2 months ago
7 months ago
8 months ago
8 months ago
8 months ago
8 months ago
6 months ago
4 months ago
1 month ago
8 months ago
6 months ago
6 months ago
5 months ago
3 months ago
4 months ago
4 months ago
2 months ago
8 months ago
2 months ago
1 month ago
2 months ago
7 months ago
2 months ago
2 months ago
3 months ago
3 months ago
7 months ago
2 months ago
2 months ago
4 months ago
4 months ago
3 months ago
7 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
4 months ago
4 months ago
4 months ago
4 months ago
5 months ago
4 months ago
6 months ago
6 months ago
4 months ago
5 months ago
5 months ago
5 months ago
8 months ago
5 months ago
5 months ago
5 months ago
6 months ago
6 months ago
7 months ago
4 months ago
7 months ago
8 months ago
8 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
8 months ago
6 months ago
3 months ago
1 month ago
4 months ago
7 months ago
8 months ago
8 months ago
6 months ago
4 months ago
4 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
9 months ago
10 months ago
10 months ago
9 months ago
9 months ago
10 months ago
10 months ago
1 year ago
12 months ago
1 year ago
12 months ago
12 months ago
12 months ago
11 months ago
1 year ago
12 months ago
12 months ago
1 year ago
1 year ago
11 months ago
1 year ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
11 months ago
1 year ago
1 year ago
11 months ago
1 year ago
11 months ago
11 months ago
10 months ago
10 months ago
10 months ago
11 months ago
1 year ago
10 months ago
1 year ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago
1 year ago