Timer

Exibe um timer que acionará uma chamada de retorno pré-definida quando o tempo acabar. Um exemplo de caso de uso é o tempo dos questionários.

Opções

id | string: a identificação única "string" para o temporizador. Se um ID for definido, o componente do temporizador é persistente ao longo da página. Default: none.
active | boolean (required): bandeira que pode ser hasteada para iniciar ou pausar o temporizador. Default: none.
belowZero | boolean: controla se o temporizador continua contando depois de esgotada a duração. Default: false.
duration | number (required): duração em segundos para o temporizador. Default: none.
invisible | boolean: controla se o temporizador deve ser escondido. Default: false.
legend | string: texto exibido na frente do temporizador. Default: ''.
style | object: Estilos em linha CSS. Default: {}.
onTimeUp | function: chamada de retorno invocada quando o cronômetro se esgota. Default: onTimeUp() {}.

Editor ao vivo

<Timer 
    id='test-quiz'
    active={true} 
    duration={50} 
    onTimeUp={() => {
      alert( 'done' );
    }}
/>

<Timer 
    id='test-quiz'
    active={true} 
    duration={50} 
    onTimeUp={() => {
      alert( 'done' );
    }}
/>

Resultado

ReferenceError: Provider is not defined