diff --git a/CHANGELOG.md b/CHANGELOG.md
index 067ebb802a..a37147e870 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -49,6 +49,7 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
- Export `call-recording` SVG icon @Bugaa92 ([#585](https://github.com/stardust-ui/react/pull/585))
- Export `canvas-add-page` SVG icon @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
- Add `sizeModifier` variable (with `x` and `xx` values) to `Icon`'s Teams theme styles @priyankar205 ([#601](https://github.com/stardust-ui/react/pull/601))
+- Add `offset` prop to `Popup` to extend set of popup positioning options @kuzhelov ([#606](https://github.com/stardust-ui/react/pull/606))
### Documentation
- Add `prettier` support throughout the docs @levithomason ([#568](https://github.com/stardust-ui/react/pull/568))
diff --git a/docs/src/examples/components/Popup/Variations/PopupExampleOffset.shorthand.tsx b/docs/src/examples/components/Popup/Variations/PopupExampleOffset.shorthand.tsx
new file mode 100644
index 0000000000..8376ee024c
--- /dev/null
+++ b/docs/src/examples/components/Popup/Variations/PopupExampleOffset.shorthand.tsx
@@ -0,0 +1,44 @@
+import React from 'react'
+import { Button, Grid, Popup, Alignment, Position } from '@stardust-ui/react'
+
+const renderButton = rotateArrowUp => (
+
+)
+
+const triggers = [
+ { position: 'above', align: 'start', offset: '-100%p', rotateArrowUp: '-45deg' },
+ { position: 'above', align: 'end', offset: '100%p', rotateArrowUp: '45deg' },
+ { position: 'below', align: 'start', offset: '-100%p', rotateArrowUp: '-135deg' },
+ { position: 'below', align: 'end', offset: '100%p', rotateArrowUp: '135deg' },
+]
+
+const PopupExamplePosition = () => (
+
+ corner of the trigger.
+