@snack-uikit/card v0.19.2
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 | - | Ссылка карточки |
4 months ago
8 months ago
4 months ago
4 months ago
4 months ago
3 months ago
3 months ago
4 months ago
4 months ago
6 months ago
5 months ago
6 months ago
6 months ago
7 months ago
2 months ago
2 months ago
2 months ago
7 months ago
7 months ago
2 months ago
3 months ago
7 months ago
4 months ago
3 months ago
4 months ago
7 months ago
6 months ago
7 months ago
7 months ago
3 months ago
6 months ago
2 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
8 months ago
1 month ago
6 months ago
3 months ago
7 months ago
7 months ago
7 months ago
4 months ago
3 months ago
6 months ago
5 months ago
1 month ago
5 months ago
6 months ago
6 months ago
5 months ago
6 months ago
5 months ago
7 months ago
8 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
7 months ago
5 months ago
5 months ago
5 months ago
4 months ago
5 months ago
8 months ago
8 months ago
8 months ago
4 months ago
4 months ago
5 months ago
4 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
5 months ago
8 months ago
7 months ago
3 months ago
8 months ago
7 months ago
5 months ago
2 months ago
1 month ago
7 months ago
7 months ago
4 months ago
5 months ago
8 months ago
3 months ago
2 months ago
2 months ago
2 months ago
6 months ago
5 months ago
3 months ago
1 month ago
7 months ago
8 months ago
2 months ago
4 months ago
7 months ago
2 months ago
4 months ago
4 months ago
8 months ago
6 months ago
2 months ago
3 months ago
7 months ago
3 months ago
1 month ago
4 months ago
5 months ago
8 months ago
5 months ago
6 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
9 months ago
10 months ago
10 months ago
9 months ago
10 months ago
10 months ago
1 year ago
1 year ago
1 year ago
11 months ago
1 year ago
12 months ago
12 months ago
1 year 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
12 months ago
1 year ago
11 months ago
12 months ago
12 months ago
11 months ago
1 year ago
1 year ago
1 year ago
1 year ago
12 months ago
11 months ago
11 months ago
11 months ago
10 months ago
11 months ago
1 year ago
1 year ago
11 months ago
11 months ago
10 months ago
10 months ago
1 year ago
11 months ago
10 months ago
1 year ago
11 months ago
1 year ago
12 months ago
1 year ago
12 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
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
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
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
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
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
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
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
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
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
2 years ago