Перейти к содержимому

CoreAmount

Примеры использования и документация.

Выводит цену или сумму в формате, привычном пользователю: валюта, разделители разрядов и знаки определяются локалью — без ручных шаблонов и склейки строк. Каталог, корзина, счета, дашборды: единый формат исключает путаницу с курсами и валютами. Слоты prefix/postfix добавляют подписи вроде «от» или «/мес» по сторонам суммы.

Форматирование через n() из useI18n (Intl.NumberFormat): format — именованный формат из numberFormats (fallback — currency) или объект Intl.NumberFormatOptions для полного контроля; currency — ISO-код, перекрывающий валюту формата при локальных соглашениях о числе; hideDecimals отбрасывает минорные единицы (копейки/тиыны) — для крупных сумм и прайс-листов.

flow — фирменный перелив градиентом по тексту (паттерн CoreTextShimmer): color: transparent + background-clip: text; пара цветов — --amount-flow-a/-b, полная замена картинки — --amount-flow-image; при prefers-reduced-motion градиент статичен.

Форматирование и валюты

1 234 567,89 ₽

1 234 567,89 $

1 234 567,89 €

1 234 568 ₽

1 234 567,89 USD

$1,234,567.89

Префикс и постфикс — слоты #prefix / #postfix

от 1 234 567,89 ₽

1 234 567,89 ₽ /мес

от 1 234 567,89 ₽ /мес

flow — перелив градиентом (пара --amount-flow-a/-b)

1 234 567,89 ₽

1 234 567,89 $

1 234 567,89 ₽

от 1 234 567,89 ₽ /мес

Разные градиенты — полная замена картинки через --amount-flow-image

1 234 567,89 ₽

1 234 567,89 ₽

1 234 567,89 ₽

1 234 567,89 ₽