---
category: components
name: ReportList
---
SDK Quiz ReportList component

Component to list available reports

```jsx_example
function Example () {
  const reportCards = [
    <ReportCard
      key='qi'
      name='Quiz and Item Analysis'
      details='Data last updated at 3:34pm on 12/11/2016'
      href='javascript:void(0)'
    />,
    <ReportCard
      key='out'
      name='Outcomes Analysis'
      href='javascript:void(0)'
    />,
    <ReportCard
      key='foo'
      name='Advanced Metrics'
      details={
        <span>
          Additional data
          <br />
          Data last updated at 3:34pm on 12/11/2016
        </span>
      }
      href='javascript:void(0)'
    />
  ]

  return (
    <SDKApp
      apiEndpoint={`http://${config.API_HOST}`}
      appContainer="#app"
      userToken={config.TOKEN_QUIZ_BUILD}
    >
      <ReportList>
        { reportCards }
      </ReportList>
    </SDKApp>
  )
}

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