KvalityUI

Calligraph

Анимированная смена текста и чисел по символам — для счётчиков и меняющихся заголовков.

Живой код — редактируйте
function Example() {
  const [count, setCount] = useState(128);
  return (
    <div className="flex items-center gap-4">
      <Calligraph className="text-36-semibold">{String(count)}</Calligraph>
      <Button
        variant="outline"
        onClick={() =>
          setCount((value) => value + Math.ceil(Math.random() * 40))
        }
      >
        + заявки
      </Button>
    </div>
  );
}

render(<Example />);

Пропсы

Prop

Type

Stepper

Пошаговая инструкция с номерами шагов.

AI-аналитика

Интерфейс умного чата: сообщения агента, его шаги, блоки данных и графики. Все компоненты работают на пропсах — данные и запросы остаются в приложении.

On this page

Пропсы