This editor provides an interactive preview of the output of a codemod, which can automatically transform large chunks of our codebase. This editor runs a codemod that migrates JS-like and CSS-like syntax to use logical properties. To use it, choose the language to edit your code in, and the display format.
1
-
<Box className="w-full" style={{ marginTop: '70px' }}>
1
+
<Box className="w-full" style={{ marginBlockStart: '70px' }}>
2
2
  <RecentDashboards
3
3
    className="mb-8"
4
4
    columnCount={COLUMN_COUNT}
5
5
    refetchSavedDashboard={refetchSavedDashboard}
6
-
    style={{ margin: '1px 2px 3px 4px', paddingLeft: '5px' }}
6
+
    style={{
7
+
      marginBlock: '1px 3px',
8
+
      marginInline: '4px 2px',
9
+
      paddingInlineStart: '5px',
10
+
    }}
7
11
  />
8
12
  <SuggestedDashboards columnCount={COLUMN_COUNT} refetchSavedDashboard={refetchSavedDashboard} />
9
13
</Box>;