History

gazizova-vlada 242841c733 Merge branch 'release/v1.2' of github.com:ONLYOFFICE/AppServer into release/v1.2		2022-05-05 17:58:52 +03:00
..
catalog-item.stories.js	added catalog-item	2021-09-23 16:08:08 +08:00
catalog-item.test.js	added catalog-item	2021-09-23 16:08:08 +08:00
index.js	Web:Components:CatalogItem: disable user select text	2022-04-26 17:33:58 +03:00
README.md	Web: added catalog layout and document catalog	2021-09-27 20:59:37 +08:00
styled-catalog-item.js	Merge branch 'release/v1.2' of github.com:ONLYOFFICE/AppServer into release/v1.2	2022-05-05 17:58:52 +03:00

CatalogItem

Is a item of catalog

import CatalogItem from "@appserver/components/catalog-item";

<CatalogItem />

Display catalog item. Can show only icon (showText property). If is it end of block - adding margin bottom.

Props	Type	Required	Values	Default	Description
`className`	`string`	-	-	-	Accepts class
`id`	`string`	-	-	-	Accepts id
`style`	`obj`, `array`	-	-	-	Accepts css style
`icon`	`string`	-	-	-	Catalog item icon
`text`	`string`	-	-	-	Catalog item text
`showText`	`bool`	-	-	`false`	Tells when the catalog item should display text
`onClick`	`func`	-	-	-	What the catalog item will trigger when clicked
`showInitial`	`bool`	-	-	`false`	Tells when the catalog item should display initial text(first symbol of text)
`isEndOfBlock`	`bool`	-	-	`false`	Tells when the catalog item should be end of block (adding margin-bottom)
`isActive`	`bool`	-	-	`false`	Tells when the catalog item should be active (adding background color)
`showBadge`	`bool`	-	-	`false`	Tells when the catalog item should display badge
`labelBadge`	`string`	-	-	-	Label for badge
`iconBadge`	`string`	-	-	-	Icon for badge
`onClickBadge`	`func`	-	-	-	What the catalog item badge will trigger when clicked