---
# System prepended metadata

title: '`ScrollableMixin`'
tags: [brew-js-react]

---

---
tags: brew-js-react
---

# `ScrollableMixin`

:::info
Note that to use `ScrollableMixin`, app must be configured with `app.useScrollable`.
:::

```typescript
function View() {
    const scrollable = useScrollableMixin();
    return (
        <div {...Mixin.use(scrollable)}>
            <div {...Mixin.use(Mixin.scrollableTarget)}>
                {/* content */}
            </div>
        </div>
    );
}
```
