@snack-uikit/counter

Counter

Installation

npm i @snack-uikit/counter

Changelog

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	Семантический цвет