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 => ( +