diff --git a/src/pages/components/data-table/code.mdx b/src/pages/components/data-table/code.mdx index 141a4bd580a..3e27f898971 100644 --- a/src/pages/components/data-table/code.mdx +++ b/src/pages/components/data-table/code.mdx @@ -89,7 +89,7 @@ usage documentation, see the Storybooks for each framework below. knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--basic', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal', @@ -129,7 +129,7 @@ usage documentation, see the Storybooks for each framework below. knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--basic', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default', @@ -178,7 +178,7 @@ usage documentation, see the Storybooks for each framework below. knobs={{ DataTable: ['isSortable'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data', @@ -227,7 +227,7 @@ usage documentation, see the Storybooks for each framework below. id="with-batch-actions" links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default', diff --git a/src/pages/components/data-table/usage.mdx b/src/pages/components/data-table/usage.mdx index d2c33b509a2..b203862abe4 100755 --- a/src/pages/components/data-table/usage.mdx +++ b/src/pages/components/data-table/usage.mdx @@ -87,7 +87,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react'; knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--basic', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--minimal', @@ -127,7 +127,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react'; knobs={{ DataTable: ['isSortable'], Table: ['size', 'useZebraStyles'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-selection--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--basic', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default', @@ -176,7 +176,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react'; knobs={{ DataTable: ['isSortable'] }} links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--with-expansion', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--slotted-expanding-data', @@ -225,7 +225,7 @@ import { TrashCan, Save, Download } from '@carbon/icons-react'; id="with-batch-actions" links={{ React: - 'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--usage', + 'https://react.carbondesignsystem.com/?path=/story/components-datatable-batch-actions--default', Angular: 'https://angular.carbondesignsystem.com/?path=/story/components-table--with-toolbar', Vue: 'http://vue.carbondesignsystem.com/?path=/story/components-cvdatatable--default', @@ -595,7 +595,7 @@ A sorted data table has three states: unsorted (`arrows`), sorted-up sorted state and is only shown if sorting is activated. Only the column being sorted should display an icon, and unsorted icons are only visible on hover. You can see a demo of table sorting in -Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--usage). +Carbon’s [React Storybook](https://react.carbondesignsystem.com/?path=/story/components-datatable-sorting--default). diff --git a/src/pages/developing/react-tutorial/step-2.mdx b/src/pages/developing/react-tutorial/step-2.mdx index 7838ae98c48..66578d0c461 100644 --- a/src/pages/developing/react-tutorial/step-2.mdx +++ b/src/pages/developing/react-tutorial/step-2.mdx @@ -799,7 +799,7 @@ export default RepoTable; This component uses two props, `rows` and `headers`, and returns a Carbon `DataTable`. As for where the various `Table*` components came from? The -[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--usage) +[DataTable story](https://react.carbondesignsystem.com/?path=/story/components-datatable-expansion--default) in Storybook was used to put together the data table structure. diff --git a/src/pages/developing/react-tutorial/step-3.mdx b/src/pages/developing/react-tutorial/step-3.mdx index 914b730bf42..5593f45b005 100644 --- a/src/pages/developing/react-tutorial/step-3.mdx +++ b/src/pages/developing/react-tutorial/step-3.mdx @@ -509,8 +509,7 @@ rows for the current "page". Update **Note:** We only pass the rows that we want our table to display. We can do -this by slicing the our array of rows depending on the first item and the page -size. +this by slicing the array of rows depending on the first item and the page size. diff --git a/src/pages/developing/react-tutorial/step-5.mdx b/src/pages/developing/react-tutorial/step-5.mdx index 377edbf0930..335e3b7e933 100644 --- a/src/pages/developing/react-tutorial/step-5.mdx +++ b/src/pages/developing/react-tutorial/step-5.mdx @@ -36,7 +36,6 @@ have not been updated to reflect changes for our next major version. Fork, clone and branch Create IBM Cloud account -Optimize Sass Build for production Create manifest file Create static file