Skip to content

Commit

Permalink
fixup! fixup! fixup! fixup! fixup! fixup! Fix misplaced Popover whe…
Browse files Browse the repository at this point in the history
…n using Floating UI (#566)
  • Loading branch information
atmelmicro committed Jan 24, 2025
1 parent 1aa9d9e commit 0d2c4c8
Showing 1 changed file with 14 additions and 14 deletions.
28 changes: 14 additions & 14 deletions src/components/Popover/README.md
Original file line number Diff line number Diff line change
Expand Up @@ -166,23 +166,23 @@ To position the popover, you need to provide the `placementStyle` prop with the
style you want to apply to the popover. This prop should only be used to
position the popover. The allowed props are:

- `position`
- `inset`
- `inset-inline-start`
- `inset-inline-end`
- `inset-block-start`
- `inset-block-end`
- `top`
- `right`
- `bottom`
- `left`
- `translate`
- `transform-origin`
- `position`
- `inset`
- `inset-inline-start`
- `inset-inline-end`
- `inset-block-start`
- `inset-block-end`
- `top`
- `right`
- `bottom`
- `left`
- `translate`
- `transform-origin`

⚠️ `inset` is a shorthand for `top right bottom left`, not for `inset-*` properties.

As opposed to `top right bottom left` and the `inset` shorthand, `inset-*` properties are writing-direction aware.

As opposed to `top right bottom left` and the `inset` shorthand, `inset-*`
properties are writing-direction aware.

ℹ️ The following example is using external library [Floating UI]. To use
Floating UI, install it first:
Expand Down

0 comments on commit 0d2c4c8

Please sign in to comment.