Is grid-columns-16 experimental?

What package(s) are you using?

• “@carbon/grid”: “^10.4.0”
• “carbon-components”: “^10.3.1”
• “carbon-components-react”: “^7.4.1”
• “carbon-icons”: “^7.0.7”

Summary

I’m using the carbon grid system in a React App, following the instructions from the Carbon Website here: https://www.carbondesignsystem.com/tutorial/react-step-2#install-grid

To my CSS, I’ve added:

$feature-flags: (
  grid-columns-16: true
);
@import 'carbon-components/scss/globals/scss/styles.scss';

This works fine in the browser. However, I do see the following warning in the terminal upon building:

WARNING: Usage of non-default feature flags was found: grid-columns-16. Feature/code under non-default feature flags are either experimental, deprecated, or support for edge cases. They are subject to change any time. Use them at your own risk.

Is it true that grid-column-16 is experimental? I ask because this will eventually be used in production code. If so, is there a current best practice approach to using a 16 column grid with Carbon? Thanks in advance.

[joshblack]

Hi @mstudio! 👋 I believe this is just an issue with our underlying feature flag code. As you noted, the intent is that eventually we will move to 16 columns in our next major release. You can 100% use grid-columns-16, the only thing that will change is that eventually the feature flag will be on by default and you won’t have to do anything 😄

Hope this helps!

[scottopherson]

@joshblack ah I see now, thanks for the clarification!