---
title: Incrementer
---

<script>
  import { Incrementer } from 'slender-ui'
  import { ComponentContainer } from '$lib'
</script>

You're in then you're out, you're up then you're down, you're wrong when it's right.

Yup, still no JS.

<ComponentContainer>
  <div class="max-w-xs w-full !shadow-none">
    <Incrementer class="text-5xl" color="primary" />
  </div>

  <div slot="code">

```svelte
<script>
  import { Incrementer } from 'slender-ui'
</script>

<Incrementer color="primary" min={0} max={10} />
```

  </div>
</ComponentContainer>