@snack-uikit/card NPM | npm.io

0.19.2 • Published 6 months ago

Install

Weekly downloads

-

License

Apache-2.0

Repository

Last release

6 months ago

Card

Installation

npm i @snack-uikit/card

Example

import { Card, SearchPrivate } from "@snack-uikit/card";

  <Card
    checked={checked}
    onClick={handleClick}
    image={<Card.Image {...cardImageProps}/>}
    header={<Card.Header {...cardHeaderProps} />}
    footer={<Card.Footer {...cardFooterProps}/>}
    functionBadge={<Card.FunctionBadge {...cardFunctionBadgeProps} />}
  >
    <ContentElement />
  </Card>

Card

Props

name	type	default value	description
disabled	`boolean`	-	Управление состоянием интерактивности
checked	`boolean`	-	Управление состоянием выбран/не выбран
outline	`boolean`	-	Управление состоянием наличия обводки
multipleSelection	`boolean`	-	Отображение галочки для режима массового выделения карточек
onClick	`(e: MouseEvent<HTMLDivElement \\| HTMLAnchorElement, MouseEvent>) => void`	-	Колбек на клик по карточке
size	enum Size: `"s"`, `"m"`, `"l"`	-	Размер
promoBadge	`string \\| Pick<PromoTagProps, "text" \\| "appearance">`	-	PromoBadge
children	`ReactNode`	-	Вложенный контент
header	`ReactElement<HeaderProps, string \\| JSXElementConstructor<any>>`	-	Вложенный Header
footer	`ReactNode`	-	Вложенный Footer
image	`ReactNode`	-	Вложенный Image
functionBadge	`ReactNode`	-	Вложенный FunctionBadge
className	`string`	-	CSS-класс для элемента с контентом
href	`string`	-	Ссылка карточки

@snack-uikit/button @snack-uikit/icon-predefined @snack-uikit/icons @snack-uikit/list @snack-uikit/promo-tag @snack-uikit/tag @snack-uikit/truncate-string @snack-uikit/typography @snack-uikit/utils classnames merge-refs

@everything-registry/sub-chunk-847 @snack-uikit/attachment

9 months ago

0.15.1-preview-e86d2666.0

1 year ago

9 months ago

9 months ago

0.16.32-preview-bb8e00d0.0

9 months ago

0.17.1-preview-2b94e286.0

8 months ago

8 months ago

0.16.28-preview-b0b25986.0

9 months ago

0.16.21-preview-d479ae3f.0

10 months ago

0.16.15-preview-08c7f775.0

11 months ago

0.16.19-preview-704e8703.0

10 months ago

0.16.12-preview-91ef6a1d.0

11 months ago

0.16.12-preview-95d8b6b7.0

11 months ago

0.16.8-preview-c6f5cbae.0

12 months ago

7 months ago

7 months ago

7 months ago

0.16.5-preview-4d81b82b.0

1 year ago

0.16.5-preview-20b0f520.0

1 year ago

7 months ago

8 months ago

0.16.9-preview-41651290.0

12 months ago

0.16.27-preview-a0074739.0

9 months ago

0.17.1-preview-352c392a.0

8 months ago

0.16.32-preview-53302b98.0

9 months ago

0.16.7-preview-e8062bb7.0

1 year ago

0.16.15-preview-913f1101.0

11 months ago

0.16.5-preview-379c4ff3.0

1 year ago

0.16.9-preview-4d49c519.0

12 months ago

0.17.1-preview-dfc3bd7d.0

8 months ago

0.16.12-preview-bb2cdfb8.0

11 months ago

0.19.2-preview-a29fd7b9.0

7 months ago

1 year ago

0.14.2-preview-1becd961.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.15.4-preview-1bd2190e.0

1 year ago

0.19.2-preview-050dc1ef.0

6 months ago

0.16.12-preview-a2f98ef7.0

11 months ago

0.17.1-preview-a01e5edb.0

8 months ago

12 months ago

12 months ago

0.16.9-preview-ef08d0db.0

12 months ago

0.16.27-preview-0d45398a.0

9 months ago

0.17.1-preview-ef227a87.0

8 months ago

11 months ago

10 months ago

0.19.2-preview-e4e8fc7b.0

6 months ago

0.16.20-preview-a2a64ca4.0

10 months ago

11 months ago

11 months ago

0.16.20-preview-b5e187d5.0

10 months ago

0.16.12-preview-38cf19d9.0

11 months ago

0.16.20-preview-74c13173.0

10 months ago

0.16.5-preview-baf754b1.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

12 months ago

12 months ago

12 months ago

10 months ago

10 months ago

10 months ago

0.16.24-preview-bc9ca5dd.0

10 months ago

10 months ago

1 year ago

1 year ago

1 year ago

10 months ago

10 months ago

10 months ago

10 months ago

9 months ago

10 months ago

10 months ago

0.16.27-preview-27ae78ba.0

9 months ago

9 months ago

9 months ago

9 months ago

0.16.19-preview-c95e31d1.0

10 months ago

0.16.19-preview-d9538faf.0

10 months ago

0.15.3-preview-9a7f316b.0

1 year ago

0.16.8-preview-aaafcc64.0

12 months ago

0.16.33-preview-3a05e8da.0

9 months ago

0.16.2-preview-7bafd457.0

1 year ago

0.16.5-preview-7eeb1bc1.0

1 year ago

0.16.20-preview-e840ab81.0

10 months ago

0.19.2-preview-2df7e7b5.0

7 months ago

0.19.3-preview-69fcfa33.0

6 months ago

0.16.6-preview-8feb6773.0

1 year ago

0.16.5-preview-53bd8747.0

1 year ago

0.16.20-preview-abb5f7dc.0

10 months ago

0.16.20-preview-f7ec3fa7.0

10 months ago

0.16.1-preview-4c10b48c.0

1 year ago

0.17.1-preview-3e55020c.0

8 months ago

7 months ago

7 months ago

7 months ago

0.16.12-preview-e49c63bb.0

11 months ago

0.16.20-preview-922d2ce6.0

10 months ago

0.17.1-preview-8c84e870.0

8 months ago

0.19.2-preview-aba585d4.0

6 months ago

0.16.10-preview-95f36d41.0

12 months ago

0.15.1-preview-eca10dbc.0

1 year ago

0.18.2-preview-845a4e8b.0

7 months ago

0.16.27-preview-04b740ca.0

9 months ago

0.16.5-preview-2d408edb.0

1 year ago

0.18.4-preview-cf198ddd.0

7 months ago

0.16.27-preview-9cd1b89a.0

9 months ago

0.16.22-preview-3566ac3d.0

10 months ago

0.16.4-preview-64081c67.0

1 year ago

0.16.12-preview-0ee176c6.0

11 months ago

0.18.4-preview-2f8a726b.0

7 months ago

0.17.1-preview-8cf89a18.0

8 months ago

0.16.5-preview-042f5ed6.0

1 year ago

0.16.33-preview-943d0cf0.0

8 months ago

0.19.3-preview-9998cc23.0

6 months ago

0.16.29-preview-6a400eba.0

9 months ago

0.16.17-preview-985e2518.0

10 months ago

0.15.3-preview-532f4f48.0

1 year ago

0.16.20-preview-f228eb9d.0

10 months ago

0.16.15-preview-31ae96b0.0

11 months ago

0.16.32-preview-790689b4.0

9 months ago

0.14.2-preview-3e824eee.0

1 year ago

0.14.2-preview-d1a63029.0

1 year ago

0.14.2-preview-2e497be2.0

1 year ago

0.14.2-preview-eda282a2.0

1 year ago

0.12.43-preview-ba12ca94.0

1 year ago

1 year ago

0.12.43-preview-71543426.0

1 year ago

1 year ago

1 year ago

0.12.40-preview-efee0b7d.0

1 year ago

0.12.40-preview-e5174ad1.0

1 year ago

0.12.40-preview-fc25f08d.0

1 year ago

0.12.40-preview-1f246c4a.0

1 year ago

0.12.40-preview-3f66d646.0

1 year ago

1 year ago

0.12.40-preview-7adaddbe.0

1 year ago

0.12.40-preview-c9b51578.0

1 year ago

0.12.40-preview-d96c83e8.0

1 year ago

0.12.42-preview-726d2b3b.0

1 year ago

0.12.42-preview-0c12d89e.0

1 year ago

0.12.42-preview-8252c953.0

1 year ago

1 year ago

1 year ago

0.12.40-preview-eb3592d8.0

1 year ago

0.12.40-preview-4f9628fc.0

1 year ago

1 year ago

1 year ago

0.12.40-preview-7c4b3e02.0

1 year ago

0.12.37-preview-e9b53c27.0

1 year ago

1 year ago

0.12.23-preview-5dc6c544.0

1 year ago

0.12.22-preview-1a5a24ad.0

1 year ago

0.12.17-preview-b98b3b80.0

2 years ago

0.12.33-preview-31958b7e.0

1 year ago

0.12.17-preview-0df2fefa.0

2 years ago

0.12.26-preview-665bb1e8.0

1 year ago

0.12.26-preview-efdf107f.0

1 year ago

0.12.22-preview-a66ce7a9.0

1 year ago

0.12.30-preview-2abd8357.0

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

1 year ago

0.12.26-preview-40c31ba9.0

1 year ago

0.12.22-preview-767c086a.0

1 year ago

0.12.30-preview-e8249200.0

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

1 year ago

0.12.17-preview-c6cf83f0.0

2 years ago

1 year ago

1 year ago

1 year ago

1 year ago

0.12.35-preview-963c3343.0

1 year ago

1 year ago

0.12.17-preview-69a8374f.0

2 years ago

0.12.20-preview-6ec2d237.0

2 years ago

0.12.31-preview-9bfb36d6.0

1 year ago

1 year ago

1 year ago

1 year ago

0.12.15-preview-d74371e8.0

2 years ago

0.12.29-preview-3201b907.0

1 year ago

0.12.36-preview-94780dcd.0

1 year ago

0.12.20-preview-47f53a8c.0

2 years ago

0.12.30-preview-3eecfbf4.0

1 year ago

0.12.24-preview-d4831186.0

1 year ago

0.12.26-preview-b09d21bf.0

1 year ago

0.12.20-preview-b7b8cddc.0

2 years ago

0.12.29-preview-8898cdde.0

1 year ago

0.12.32-preview-0406b1f2.0

1 year ago

0.12.34-preview-1e2f74b2.0

1 year ago

0.12.15-preview-a5a79952.0

2 years ago

0.12.15-preview-41627947.0

2 years ago

2 years ago

0.12.14-preview-bfae2d03.0

2 years ago

0.12.14-preview-d3c8ef06.0

2 years ago

2 years ago

0.12.11-preview-8bb3334c.0

2 years ago

2 years ago

2 years ago

0.12.11-preview-dff5750f.0

2 years ago

0.12.11-preview-fa3ea861.0

2 years ago

0.12.11-preview-e82f86de.0

2 years ago

2 years ago

0.12.10-preview-7afaf1cf.0

2 years ago

2 years ago

2 years ago

2 years ago

0.12.5-preview-734de100.0

2 years ago

0.12.5-preview-01f09206.0

2 years ago

2 years ago

2 years ago

0.12.5-preview-cb79db34.0

2 years ago

0.12.7-preview-5d3667ec.0

2 years ago

0.12.4-preview-c7516715.0

2 years ago

2 years ago

0.12.4-preview-86dac340.0

2 years ago

2 years ago

0.12.3-preview-08779a44.0

2 years ago

0.12.3-preview-7a18c2ee.0

2 years ago

0.12.3-preview-5b75040d.0

2 years ago

0.12.2-preview-80576138.0

2 years ago

0.12.3-preview-69abc1d3.0

2 years ago

2 years ago

0.12.1-preview-0a44b2fc.0

2 years ago

0.12.2-preview-0a5fb207.0

2 years ago

0.12.1-preview-2855fb42.0

2 years ago

0.12.2-preview-1b5a55dd.0

2 years ago

2 years ago

0.11.11-preview-c8f85f20.0

2 years ago

0.11.11-preview-0f7b85a9.0

2 years ago

2 years ago

0.11.11-preview-86ac603c.0

2 years ago

0.11.10-preview-cc3d0341.0

2 years ago

0.11.10-preview-abbc4f55.0

2 years ago

0.11.10-preview-261fde59.0

2 years ago

2 years ago

0.11.10-preview-3571efe9.0

2 years ago

0.11.10-preview-b0dbf1fa.0

2 years ago

2 years ago

0.11.9-preview-ed4b1f94.0

2 years ago

2 years ago

0.11.8-preview-e6b01723.0

2 years ago

0.11.8-preview-1fcf96b1.0

2 years ago

2 years ago

0.11.4-preview-f9c5749b.0

2 years ago

2 years ago

2 years ago

2 years ago

0.11.4-preview-baa38324.0

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

0.10.6-preview-4dc69f78.0

2 years ago

0.10.6-preview-da21d728.0

2 years ago

0.10.6-preview-1d9347a7.0

2 years ago

2 years ago

2 years ago

2 years ago

0.10.6-preview-3bc93fc3.0

2 years ago

0.10.5-preview-84a92753.0

2 years ago

0.10.5-preview-2484f987.0

2 years ago

0.10.5-preview-778a0ef6.0

2 years ago

2 years ago

2 years ago

2 years ago

0.9.12-preview-993a9cfb.0

2 years ago

2 years ago

0.10.2-preview-3cdd8d31.0

2 years ago

2 years ago

2 years ago

2 years ago

0.9.10-preview-ff0b5a40.0

2 years ago

2 years ago

0.9.9-preview-744f94d0.0

2 years ago

0.9.9-preview-357970fd.0

2 years ago

2 years ago

0.9.8-preview-0cc330d4.0

2 years ago

0.9.8-preview-006b34c3.0

2 years ago

0.9.8-preview-936bde10.0

2 years ago

0.9.8-preview-4c16b47e.0

2 years ago

2 years ago

2 years ago

0.9.6-preview-a0815a00.0

2 years ago

2 years ago

2 years ago

2 years ago

0.9.3-preview-3f90b7f1.0

2 years ago

0.9.3-preview-314cc4de.0

2 years ago

0.9.3-preview-3a43a07a.0

2 years ago

2 years ago

0.9.1-preview-57c837e3.0

2 years ago

2 years ago

2 years ago

0.7.1-preview-8c5cb827.0

2 years ago

2 years ago

2 years ago

2 years ago

0.6.4-preview-00fa1de0.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

0.4.9-preview-85c5f47b.0

2 years ago