Use responsive buttons in best-practice grid examples (#3266)

vivid-planet · Jan 28, 2025 · 3d2272c · 3d2272c
1 parent a8cd424
commit 3d2272c
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx b/storybook/src/docs/bestPractices/GridAndFormLayouts.stories.tsx
@@ -416,7 +416,7 @@ export const GridWithFormInADialog = {
                     </ToolbarItem>
                     <FillSpace />
                     <ToolbarActions>
-                        <Button startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
+                        <Button responsive startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
                             Add new item
                         </Button>
                     </ToolbarActions>
@@ -493,7 +493,7 @@ export const GridWithFormOnAPage = {
                     </ToolbarItem>
                     <FillSpace />
                     <ToolbarActions>
-                        <Button startIcon={<Add />} component={StackLink} pageName="add" payload="add">
+                        <Button responsive startIcon={<Add />} component={StackLink} pageName="add" payload="add">
                             Add new item
                         </Button>
                     </ToolbarActions>
@@ -605,7 +605,7 @@ export const NestedGridsAndFormsWithTabs = {
                     </ToolbarItem>
                     <FillSpace />
                     <ToolbarActions>
-                        <Button startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
+                        <Button responsive startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
                             Add new item
                         </Button>
                     </ToolbarActions>
@@ -726,7 +726,7 @@ export const NestedFormInGridInTabsInGrid = {
                     </ToolbarItem>
                     <FillSpace />
                     <ToolbarActions>
-                        <Button startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
+                        <Button responsive startIcon={<Add />} onClick={() => editDialogApi.openAddDialog()}>
                             Add new item
                         </Button>
                     </ToolbarActions>
@@ -841,6 +841,7 @@ export const GridWithSelectionAndMoreActionsMenu = {
                     <FillSpace />
                     <ToolbarActions>
                         <CrudMoreActionsMenu
+                            slotProps={{ button: { responsive: true } }}
                             selectionSize={selectionModel.length}
                             overallActions={[
                                 {