@snack-uikit/counter
v0.6.2
Published
Компонент для отображения количесвта уведомлений (доступен в 3 вариантах: 9, 9+, 9K)
Downloads
1,176
Readme
Counter
Installation
npm i @snack-uikit/counter
Example
import { Counter } from "@snack-uikit/counter";
<Counter
value={42}
size='m'
/>
<Counter
value={101}
appearance='critical'
variant='count-plus'
plusLimit={100}
/>
Counter
Компонент счетчик
Props
| name | type | default value | description |
|------|------|---------------|-------------|
| value* | number
| - | Значение |
| appearance | enum Appearance: "primary"
, "neutral"
, "red"
| primary | Внешний вид |
| variant | enum Variant: "count"
, "count-plus"
, "count-k"
| count | Вариант |
| size | enum Size: "s"
, "m"
| s | Размер |
| plusLimit | number
| 10 | Порог сокращения значения в формат v+. Например 1500
-> 999+
для 1000 |
| className | string
| - | CSS-класс |
| color | enum Color: "accent"
, "decor"
| accent | Семантический цвет |