Skip to content

Commit

Permalink
Update Component Mapping (#33047)
Browse files Browse the repository at this point in the history
  • Loading branch information
gouttierre authored Oct 16, 2024
1 parent 263ead6 commit f45bb48
Showing 1 changed file with 11 additions and 11 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -71,7 +71,7 @@ Here is the mapping of v8 components to their v9 component replacement or equiva
| `FocusZone` | [`Tabster`](https://tabster.io/) | Use `Tabster`. |
| `GroupedList` | [`Tree`](/docs/components-tree--docs) | Use `Tree` in v9. |
| `HoverCard` | Not available | No direct equivalent; could use `Popover` with custom behavior. |
| `Icon` | [`@fluentui/react-icons package`](/docs/concepts-developer-icons-icons--page) | v9 provides more customization options. |
| `Icon` | [`@fluentui/react-icons package`](/docs/icons-overview--docs) | v9 provides more customization options. |
| `IconButton` | [`Button`](/docs/components-button-button--docs) | v9 provides more customization options. |
| `Image` | [`Image`](/docs/components-image--docs) | No major changes in v9. |
| `Keytips` | 🔁 | No major changes in v9. |
Expand Down Expand Up @@ -131,7 +131,7 @@ React v9 introduces several new components that were not present in v8:
- [**TabList**](/docs/components-tablist--docs): Replaces `Pivot` for tabbed navigation.
- [**ProgressBar**](/docs/components-progressbar--docs): Renamed from `ProgressIndicator`, with similar functionality but refined API.
- [**Input**](/docs/components-input--docs): A new input component replacing `TextField` for simpler text input handling.
- [`Skeleton`](/docs/components-skeleton--docs): A new input component replacing `Shimmer`.
- [**Skeleton**](/docs/components-skeleton--docs): A new input component replacing `Shimmer`.
- [**Switch**](/docs/components-switch--docs): A new component replacing `Toggle` for binary options.
- [**SwatchPicker**](/docs/components-swatchpicker--docs): A new component replacing `SwatchColorPicker` with added functionality.
- [**Toast**](/docs/components-badge-presencebadge--docs):A Toasts displays temporary content to the user.
Expand All @@ -141,15 +141,15 @@ React v9 introduces several new components that were not present in v8:

Some components in React v8 are not present in v9 or been replaced. Here’s a list of deprecated components:

- **`Coachmark`**: No direct equivalent.
- **`ActivityItem`**: No direct equivalent.
- **`Hovercard`**: No direct equivalent.
- **`MarqueeSelection`**:No direct equivalent.
- **`ResizeGroup`**:No direct equivalent.
- **`ScrollablePane`**:No direct equivalent.
- **`DetailsList`**:No direct equivalent.
- **`Pickers`**:No direct equivalent.
- **`Popup`**:No direct equivalent.
- **`Coachmark`**
- **`ActivityItem`**
- **`Hovercard`**
- **`MarqueeSelection`**
- **`ResizeGroup`**
- **`ScrollablePane`**
- **`DetailsList`**
- **`Pickers`**
- **`Popup`**

## Additional Resources

Expand Down

0 comments on commit f45bb48

Please sign in to comment.