# Counter

> Markup, a scoped style and a module script: the three files an example can have.

A button that counts its clicks. Its style uses a plain `button` selector, which reaches this example only: the
theme wraps the file in `@scope` when it runs.

{{< example name="counter" title="Counter" >}}

The files live in `assets/examples/counter/`, so this page and [The example shortcode](/docs/examples/example-shortcode/)
can both run them.