@snack-uikit/attachment NPM

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; }`	-

@snack-uikit/button @snack-uikit/card @snack-uikit/icon-predefined @snack-uikit/icons @snack-uikit/loaders @snack-uikit/truncate-string @snack-uikit/utils classnames

0.4.7-preview-050dc1ef.0

12 months ago

0.3.16-preview-4d49c519.0

1 year ago

0.3.40-preview-3a05e8da.0

1 year ago

0.4.7-preview-a29fd7b9.0

1 year ago

0.3.26-preview-d9538faf.0

1 year ago

0.3.12-preview-042f5ed6.0

1 year ago

0.4.4-preview-cf198ddd.0

1 year ago

0.4.7-preview-aba585d4.0

12 months ago

0.3.9-preview-7bafd457.0

2 years ago

0.3.12-preview-379c4ff3.0

1 year ago

0.3.34-preview-9cd1b89a.0

1 year ago

0.3.19-preview-bb2cdfb8.0

1 year ago

0.3.40

1 year ago

0.3.36-preview-6a400eba.0

1 year ago

0.3.16-preview-41651290.0

1 year ago

0.3.39-preview-53302b98.0

1 year ago

0.3.26-preview-c95e31d1.0

1 year ago

0.3.5-preview-532f4f48.0

2 years ago

0.3.6-preview-1bd2190e.0

2 years ago

0.3.27-preview-f7ec3fa7.0

1 year ago

0.3.27-preview-a2a64ca4.0

1 year ago

0.3.41-preview-8c84e870.0

1 year ago

0.3.34-preview-04b740ca.0

1 year ago

0.3.19-preview-38cf19d9.0

1 year ago

0.3.14-preview-e8062bb7.0

1 year ago

0.3.12-preview-20b0f520.0

1 year ago

0.3.12-preview-baf754b1.0

1 year ago

0.3.16-preview-ef08d0db.0

1 year ago

0.3.27-preview-e840ab81.0

1 year ago

0.3.15-preview-c6f5cbae.0

1 year ago

0.4.4-preview-2f8a726b.0

1 year ago

0.3.41-preview-3e55020c.0

1 year ago

0.3.27-preview-b5e187d5.0

1 year ago

0.3.19-preview-a2f98ef7.0

1 year ago

0.3.27-preview-74c13173.0

1 year ago

0.3.19-preview-91ef6a1d.0

1 year ago

0.3.12-preview-7eeb1bc1.0

1 year ago

0.3.41-preview-8cf89a18.0

1 year ago

0.3.41-preview-352c392a.0

1 year ago

0.3.26-preview-704e8703.0

1 year ago

0.3.41-preview-2b94e286.0

1 year ago

0.4.7-preview-2df7e7b5.0

1 year ago

0.3.6

2 years ago

0.3.5

2 years ago

0.3.8

2 years ago

0.4.2-preview-845a4e8b.0

1 year ago

0.3.15-preview-aaafcc64.0

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

0.3.22-preview-08c7f775.0

1 year ago

0.3.35-preview-b0b25986.0

1 year ago

0.4.8-preview-9998cc23.0

12 months ago

0.3.5-preview-9a7f316b.0

2 years ago

0.3.19-preview-95d8b6b7.0

1 year ago

0.3.22-preview-31ae96b0.0

1 year ago

0.3.24-preview-985e2518.0

1 year ago

0.3.41-preview-a01e5edb.0

1 year ago

0.3.34-preview-0d45398a.0

1 year ago

0.3.34-preview-27ae78ba.0

1 year ago

0.4.5

1 year ago

0.3.2-preview-1becd961.0

2 years ago

0.4.4

1 year ago

0.4.7-preview-e4e8fc7b.0

12 months ago

0.4.7

1 year ago

0.3.12-preview-2d408edb.0

1 year ago

0.4.6

1 year ago

0.4.1

1 year ago

0.4.0

1 year ago

0.3.40-preview-943d0cf0.0

1 year ago

0.3.13-preview-8feb6773.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.3.41-preview-ef227a87.0

1 year ago

0.3.17-preview-95f36d41.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.3.27-preview-f228eb9d.0

1 year ago

0.3.32

1 year ago

0.3.27-preview-abb5f7dc.0

1 year ago

0.3.34-preview-a0074739.0

1 year ago

0.3.29

1 year ago

0.3.27-preview-922d2ce6.0

1 year ago

0.3.31-preview-bc9ca5dd.0

1 year ago

0.3.19-preview-e49c63bb.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.3.3-preview-eca10dbc.0

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.3.28-preview-d479ae3f.0

1 year ago

0.3.12-preview-4d81b82b.0

1 year ago

0.3.11-preview-64081c67.0

1 year ago

2 years 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

0.3.19-preview-0ee176c6.0

1 year ago

0.3.41-preview-dfc3bd7d.0

1 year ago

0.4.8-preview-69fcfa33.0

12 months ago

0.3.29-preview-3566ac3d.0

1 year ago

0.3.12-preview-53bd8747.0

1 year ago

0.3.8-preview-4c10b48c.0

2 years ago

0.3.3-preview-e86d2666.0

2 years ago

0.3.22-preview-913f1101.0

1 year ago

0.3.39-preview-790689b4.0

1 year ago

0.3.39-preview-bb8e00d0.0

1 year ago

0.3.2-preview-2e497be2.0

2 years ago

0.3.2-preview-d1a63029.0

2 years ago

0.3.2-preview-3e824eee.0

2 years ago

0.3.2-preview-eda282a2.0

2 years ago

0.1.29-preview-71543426.0

2 years ago

0.3.0

2 years ago

0.3.1

2 years ago

0.2.0

2 years ago

0.1.29-preview-ba12ca94.0

2 years ago

0.1.26-preview-e5174ad1.0

2 years ago

0.1.26-preview-efee0b7d.0

2 years ago

0.1.26-preview-1f246c4a.0

2 years ago

0.1.26-preview-3f66d646.0

2 years ago

0.1.26-preview-d96c83e8.0

2 years ago

0.1.26-preview-fc25f08d.0

2 years ago

0.1.26-preview-7adaddbe.0

2 years ago

0.1.26-preview-c9b51578.0

2 years ago

0.1.28

2 years ago

0.1.28-preview-726d2b3b.0

2 years ago

0.1.28-preview-8252c953.0

2 years ago

0.1.28-preview-0c12d89e.0

2 years ago

0.1.27

2 years ago

0.1.26

2 years ago

0.1.26-preview-4f9628fc.0

2 years ago

0.1.24

2 years ago

0.1.25

2 years ago

0.1.26-preview-7c4b3e02.0

2 years ago

0.1.26-preview-eb3592d8.0

2 years ago

0.1.23-preview-e9b53c27.0

2 years ago

0.1.23

2 years ago

0.1.10

2 years ago

0.1.12-preview-efdf107f.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.1.6-preview-6ec2d237.0

2 years ago

0.1.12-preview-b09d21bf.0

2 years ago

0.1.12-preview-665bb1e8.0

2 years ago

0.1.3-preview-c6cf83f0.0

2 years ago

0.1.3-preview-b98b3b80.0

2 years ago

0.1.19-preview-31958b7e.0

2 years ago

0.1.9-preview-5dc6c544.0

2 years ago

0.1.12-preview-40c31ba9.0

2 years ago

0.1.17-preview-9bfb36d6.0

2 years ago

0.1.10-preview-d4831186.0

2 years ago

0.1.3-preview-0df2fefa.0

2 years ago

0.1.8-preview-a66ce7a9.0

2 years ago

0.1.3-preview-69a8374f.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.1.16-preview-e8249200.0

2 years ago

0.1.6-preview-b7b8cddc.0

2 years ago

0.1.16-preview-3eecfbf4.0

2 years ago

0.1.6-preview-47f53a8c.0

2 years ago

0.1.1-preview-d74371e8.0

2 years ago

0.1.15-preview-8898cdde.0

2 years ago

0.1.8-preview-767c086a.0

2 years ago

0.1.20

2 years ago

0.1.15-preview-3201b907.0

2 years ago

0.1.21

2 years ago

0.1.22

2 years ago

0.1.21-preview-963c3343.0

2 years ago

0.1.20-preview-1e2f74b2.0

2 years ago

0.1.8-preview-1a5a24ad.0

2 years ago

0.1.22-preview-94780dcd.0

2 years ago

0.1.1-preview-a5a79952.0

2 years ago

0.1.16-preview-2abd8357.0

2 years ago

0.1.18-preview-0406b1f2.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.0.1-preview-bfae2d03.0

2 years ago

0.1.1-preview-41627947.0

2 years ago

0.0.1-preview-d3c8ef06.0

2 years ago

0.0.1-preview-1913b436.0

2 years ago

0.0.1-preview-8b6f4393.0

2 years ago