Logical Properties Refactor Demo

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.

<Box className="w-full" style={{ marginTop: '70px' }}>
  <RecentDashboards
    className="mb-8"
    columnCount={COLUMN_COUNT}
    refetchSavedDashboard={refetchSavedDashboard}
    style={{ margin: '1px 2px 3px 4px', paddingLeft: '5px' }}
  />
  <SuggestedDashboards columnCount={COLUMN_COUNT} refetchSavedDashboard={refetchSavedDashboard} />
</Box>;

<Box className="w-full" style={{ marginTop: '70px' }}>
  <RecentDashboards
    className="mb-8"
    columnCount={COLUMN_COUNT}
    refetchSavedDashboard={refetchSavedDashboard}
    style={{ margin: '1px 2px 3px 4px', paddingLeft: '5px' }}
  />
  <SuggestedDashboards columnCount={COLUMN_COUNT} refetchSavedDashboard={refetchSavedDashboard} />
</Box>;

Processing...