---
title: BBAnchor
sourcecode: src/core/BBAnchor.tsx
---
[](https://drei.vercel.app/?path=/story/misc-bbanchor--bb-anchor-with-html)
A component using AABB (Axis-aligned bounding boxes) to offset children position by specified multipliers (`anchor` property) on each axis. You can use this component to change children positioning in regard of the parent's bounding box, eg. pinning [Html](#html) component to one of the parent's corners. Multipliers determine the offset value based on the `AABB`'s size:
```
childrenAnchor = boundingBoxPosition + (boundingBoxSize * anchor / 2)
```
```jsx
{children}
```
For instance, one could want the Html component to be pinned to `positive x`, `positive y`, and `positive z` corner of a [Box](#shapes) object:
```jsx
Hello world!
```