@snack-uikit/attachment NPM | npm.io

0.1.0 • Published 27 days ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

27 days ago

Attachment

Installation

npm i @snack-uikit/attachment

AttachmentSquare

Props

name	type	default value	description
file	`File`	-	Файл
onDownload	`(file?: File) => void`	-	Колбек на клик по кнопке скачивания
onDelete	`(file?: File) => void`	-	Колбек на клик по кнопке удаления
title	`string`	fileName	Заголовок
description	`string`	fileExtension	Описание
error	`string`	-	Сообщение об ошибке
truncateVariant	"end" \| "middle"	-	Вариант обрезания строки: - `End` - с конца; - `Middle` - по середине
loading	`boolean`	-	Управление состоянием загрузки
extension2Icon	`Record<string, JSXElementConstructor<{ size?: number; className?: string; }>>`	-	Объект сопоставления расширения файла и отображаемой иконки @defaultIcon FileSVG
checked	`boolean`	-	Управление состоянием выбран/не выбран
disabled	`boolean`	-	Управление состоянием интерактивности
multipleSelection	`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`	-	Колбек на клик по кнопке удаления
title	`string`	fileName	Заголовок
description	`string`	fileExtension	Описание
error	`string`	-	Сообщение об ошибке
truncateVariant	"end" \| "middle"	-	Вариант обрезания строки: - `End` - с конца; - `Middle` - по середине
loading	`boolean`	-	Управление состоянием загрузки
extension2Icon	`Record<string, JSXElementConstructor<{ size?: number; className?: string; }>>`	-	Объект сопоставления расширения файла и отображаемой иконки @defaultIcon FileSVG
checked	`boolean`	-	Управление состоянием выбран/не выбран
disabled	`boolean`	-	Управление состоянием интерактивности
multipleSelection	`boolean`	-	Отображение галочки для режима массового выделения карточек
onClick	`(e: MouseEvent<HTMLDivElement \\| HTMLAnchorElement, MouseEvent>) => void`	-	Колбек на клик по карточке
className	`string`	-	CSS-класс для элемента с контентом
size	enum Size: `"s"`, `"m"`	s	Размер

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

1 month ago

0.0.1-preview-bfae2d03.0

1 month ago

0.1.1-preview-41627947.0

27 days ago

0.0.1-preview-d3c8ef06.0

1 month ago

0.0.1-preview-1913b436.0

1 month ago

0.0.1-preview-8b6f4393.0

1 month ago