Документация для разработчиков
Темная тема

Конфетти

Подключение

Подключение на странице:

\Bitrix\Main\UI\Extension::load("ui.confetti");

confetti.gif

Через импорт:

import { Confetti } from 'ui.confetti';

Пример вызова

import { Confetti } from 'ui.confetti';

Confetti.fire();
Confetti.create();

С параметрами:
Confetti.fire({
	particleCount: 100,
	spread: 70,
	origin: { y: 0.6 }
});

Глобально:
BX.UI.Confetti.fire();
BX.UI.Confetti.create();

Можно ограничить место появления конфетти, создав собственный элемент canvas и передав его в create:

var canvas = document.getElementById('my-canvas');
var confetti = new BX.UI.Confetti.create(canvas);

confetti({
	spread: 70
});

Весь список доступных параметров можно посмотреть здесь.

© «Битрикс», 2001-2024, «1С-Битрикс», 2024