diff --git a/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json b/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json new file mode 100644 index 0000000000000..466dd70a4d4f4 --- /dev/null +++ b/change/@fluentui-react-table-b8515237-27e4-4cfc-98de-2a5465e31a0d.json @@ -0,0 +1,7 @@ +{ + "type": "none", + "comment": "docs: Fix typos in react-table docs", + "packageName": "@fluentui/react-table", + "email": "lingfangao@hotmail.com", + "dependentChangeType": "none" +} diff --git a/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx b/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx index cd553fae9bf27..5817855757e88 100644 --- a/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx +++ b/packages/react-components/react-table/stories/DataGrid/RowNavigation.stories.tsx @@ -175,7 +175,7 @@ RowNavigation.parameters = { story: [ 'Different keyboard navigation strategies are supported through the `focusMode` prop.', '', - "> ⚠️ The Fluent UI team currently don't know all the a11y specifics of row navigation yet to provide", + "> ⚠️ The Fluent UI team doesn't currently know all the a11y specifics of row navigation yet to provide", 'accurate guidance for this scenario. Until then, if using the unstable mode of this keyboard navigation', 'strategy, the user is responsible for the accessibility of the component.', ].join('\n'), diff --git a/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx b/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx index b4b8914e8c520..501822001abe9 100644 --- a/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx +++ b/packages/react-components/react-table/stories/Table/RowNavigation.stories.tsx @@ -116,7 +116,7 @@ RowNavigation.parameters = { story: [ 'Different keyboard navigation strategies are supported through the `focusMode` prop.', '', - "> ⚠️ The Fluent UI team currently don't know all the a11y specifics of row navigation yet to provide", + "> ⚠️ The Fluent UI team doesn't currently know know all the a11y specifics of row navigation yet to provide", 'accurate guidance for this scenario. Until then, if using the unstable mode of this keyboard navigation', 'strategy, the user is responsible for the accessibility of the component.', ].join('\n'), diff --git a/packages/react-components/react-table/stories/Table/TableDescription.md b/packages/react-components/react-table/stories/Table/TableDescription.md index ab41b6b7425c0..158016a0351e8 100644 --- a/packages/react-components/react-table/stories/Table/TableDescription.md +++ b/packages/react-components/react-table/stories/Table/TableDescription.md @@ -20,7 +20,7 @@ A Table displays sets of two-dimensional data. The primitive components can be f feature sets. The library provides a default `useTableFeatures` hook that handles the business logic and state management of common features. There is no obligation to use our hook with these components, we've created it for convenience. -The `useTableFeatures` hook was designed with feature composition in mind. This means that are composed using +The `useTableFeatures` hook was designed with feature composition in mind. This means that they are composed using plugins hooks such as `useTableSort` and `useTableSelection` as a part of `useTableFeatures`. This means that as the feature set expands, users will not need to pay the bundle size price for features that they do not intend to use. Please consult the usage examples below for more details. diff --git a/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx b/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx index cc1b477651bca..1061eb16a2af5 100644 --- a/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx +++ b/packages/react-components/react-table/stories/Table/Virtualization.stories.tsx @@ -228,7 +228,7 @@ Virtualization.parameters = { '', 'The `Table` primitive components are unopinionated with respect to virtualization. They should be compatible', 'with any virtualization library. Hoisting business logic to a state management', - 'hook like `useTableFeaturesFeautres', + 'hook like `useTableFeatures`', 'means that features can persist between the mounting/unmounting that happens during virtualization.', 'The below example uses the [react-window](https://www.npmjs.com/package/react-window) library.', ].join('\n'),