Skip to content

Commit

Permalink
docs(react-keytips): update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
mainframev committed Dec 13, 2024
1 parent 9c3b4e8 commit 92dfba1
Show file tree
Hide file tree
Showing 3 changed files with 7 additions and 3 deletions.
6 changes: 4 additions & 2 deletions packages/react-keytips/src/docs/MIGRATION.md
Original file line number Diff line number Diff line change
Expand Up @@ -20,8 +20,10 @@ This Migration guide is a work in progress and is not yet ready for use.
- `useKeytipRef`:
- `offset` - Changed. Instead use [positioning.offset](https://react.fluentui.dev/?path=/docs/concepts-developer-positioning-components--docs#offset-value).
- `styles` - Not supported.
- `theme` - Not supported.
- `theme` - Not supported. `Keytip` theme depends on the values passed to `css` variables.
- `disabled` - Not supported. `Keytip` won't appear for disabled target.
`callOutProps` -> Not supported. Instead there are multiple props available, that has to be used individually: `positioning`, `visible`, `content`.
- `hasDynamicChildren` and `hasMenu` - merged into `dynamic` prop. If `Keytip` triggers dynamic content: Menu, Modal, Tabs or any other item that
- `hasDynamicChildren` became `dynamic` prop. If `Keytip` triggers dynamic content: Menu, Modal, Tabs or any other item that
that has keytips, set `dynamic` to `true`.
- `overflowSetSequence` - Not supported.
- `hasOverflowSubMenu` -> Changed. Instead use `hasMenu`.
2 changes: 2 additions & 0 deletions packages/react-keytips/src/docs/Spec.md
Original file line number Diff line number Diff line change
Expand Up @@ -135,6 +135,8 @@ The keytip is positioned below and centered to the target element by default.
| `dynamic` | `boolean` | | Whether or not this keytip will have dynamic content: children keytips that are dynamically created (DOM is generated on keytip activation), Menu, Tabs or Modal. |
| `visible` | `boolean` | `false` | Control the Keytip's visibility programmatically. |
| `content` | `string` | | The text content of the Keytip. |
| `isShortcut` | `boolean` | `false` | Registers keytip as a shortcut, will try to invoke the full sequence until it will reach the target keytip. |
| `hasMenu` | `boolean` | `false` | Whether or not this keytip belongs to a component that has a menu Keytip mode will stay on when a menu is opened, even if the items in that menu have no keytips. |

## Structure

Expand Down
2 changes: 1 addition & 1 deletion packages/react-keytips/stories/OverflowMenu.md
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
Keytips with `Overflow` and `Menu` components offer special options, that can be used:
Keytips with `Overflow` and `Menu` components offer special options:

`isShortcut` - a Keytip can be a shortcut, that can be accessed from the top overflow level. A shortcut to a normal Button will trigger it immediately,
if it's attached to a Menu, it will open a Menu, even if Keytip does not have a child Keytip to show.
Expand Down

0 comments on commit 92dfba1

Please sign in to comment.