# Configuration

You can configure your <mark style="color:orange;">flow</mark> to get the desired behavior.

{% code title="example" %}
```typescript
new TypingFlow({
  renderer: browserRenderer(),
  loop: true,
});
```
{% endcode %}

| Attribute | Type                                          | Description                                                                                |
| --------- | --------------------------------------------- | ------------------------------------------------------------------------------------------ |
| renderer  | <mark style="color:blue;">RendererType</mark> | Function for displaying animation state. Read [renderers](../features/renderers "mention") |
| loop      | <mark style="color:blue;">boolean</mark>      | Shoud the animation be looped                                                              |

