# Taking a Quiz

### Save Grades

<pre class="language-jsx"><code class="lang-jsx">import { ArlinearQuiz } from "@arlinear/quiz-react";

<strong>&#x3C;ArlinearQuiz 
</strong>    quizKey="ba777045-7033-4701-b17b-da9e90dcd41e"
    primaryKey="emily@school.com" // add primary key to save grades
    onSubmit={submit}
/>
</code></pre>

### Do not save grades

```jsx
import { ArlinearQuiz } from "@arlinear/quiz-react";

<ArlinearQuiz 
    quizKey="ba777045-7033-4701-b17b-da9e90dcd41e"
    primaryKey="" // if empty, this does not save grades
    onSubmit={submit}
/>
```

### Take Quiz & Show Results

```jsx
import { ArlinearQuizWithResult } from "@arlinear/quiz-react";

/* This component shows the quiz + the results in a modal at the end */
<ArlinearQuizWithResult
    quizKey="ba777045-7033-4701-b17b-da9e90dcd41e"
    primaryKey="emily@school.com" // if empty, this does not save grades
    onSubmit={submit}
/>
```