diff --git a/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx b/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx index 6270ec05f07e..3805ed7b47a4 100644 --- a/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx +++ b/packages/manager-react-components/src/components/datagrid/datagrid-cursor.stories.tsx @@ -62,7 +62,7 @@ const DatagridStory = (args) => { export const Basic = DatagridStory.bind({}); Basic.args = { - columns: columns, + columns, items: [...Array(10).keys()].map((_, i) => ({ label: `Item #${i}`, price: Math.floor(1 + Math.random() * 100), @@ -75,14 +75,14 @@ Basic.args = { export const Empty = DatagridStory.bind({}); Empty.args = { - columns: columns, + columns, items: [], }; export const Sortable = DatagridStory.bind({}); Sortable.args = { - columns: columns, + columns, items: [...Array(10).keys()].map((_, i) => ({ label: `Item #${i}`, price: Math.floor(1 + Math.random() * 100), diff --git a/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx b/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx index 38dee8381869..3b35b4ecafbc 100644 --- a/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx +++ b/packages/manager-react-components/src/components/datagrid/datagrid.stories.tsx @@ -87,7 +87,7 @@ const DatagridStory = ({ export const Basic = DatagridStory.bind({}); Basic.args = { - columns: columns, + columns, items: [...Array(50).keys()].map((_, i) => ({ label: `Item #${i}`, price: Math.floor(1 + Math.random() * 100), @@ -99,14 +99,14 @@ Basic.args = { export const Empty = DatagridStory.bind({}); Empty.args = { - columns: columns, + columns, items: [], }; export const Sortable = DatagridStory.bind({}); Sortable.args = { - columns: columns, + columns, items: [...Array(10).keys()].map((_, i) => ({ label: `Item #${i}`, price: Math.floor(1 + Math.random() * 100), @@ -122,5 +122,11 @@ export default { status: { type: 'deprecated', }, + docs: { + description: { + component: + 'The `Datagrid` component in pagination mode is now `deprecated`.', + }, + }, }, };