Skip to content

Timer

Компонент таймера.

Использование

При необходимости вы можете передать правила стилевой разметки в хост компонента через атрибут styles. Внимание!!! Это небезопасно!

HTML, Angular, Vue

html
<ds-timer></ds-timer>

React

js
import { Timer } from '@rir/ds-library';
import DS from '@rir/ds-library';

function Component() {
  return (
    <>
      <Timer></Timer>
    </>
  );
}

export default Component;

API

Props

NameTypeDescriptionDefault
sizeString: ['aethusa', 'menolorice', 'echemeia']Размер элемента'aethusa'
secondsNumberВремя на которое будет запущен таймер10
stylesString"Небезопастная" строка для передачи правил CSS в компонент''

Events

NameDescription
endКогда таймер отработал

Примеры проектов

React

Angular

Vue