---
category: components
name: Timer
---
SDK Quiz Session Timer component

Component placed in header while student takes quiz
(note: this component takes static prop data for now)

```jsx_example
class Example extends React.Component {
  constructor (props) {
    super(props)
    this.state = {
      timerMinimized: false
    }
  }

  updateTimerMinimized = () => {
    this.setState({
      timerMinimized: !this.state.timerMinimized
    })
  }

  render () {
    return (
      <SDKApp
        appContainer="#app"
        apiEndpoint={`http://${config.API_HOST}`}
        userToken={config.TOKEN_QUIZ_SESSION_TAKE}
      >
        <Timer
          screenreaderNotification={console.log.bind(console)}
          updateTimerMinimized={this.updateTimerMinimized}
          timerRunning
          timerMinimized={this.state.timerMinimized}
          timeLeftInSeconds={100} />
      </SDKApp>
    )
  }
}

<LocaleSwitcher>
  <Example />
</LocaleSwitcher>
```
