## Live demo

<StorybookDemo
  themeSelector
  url="https://react.carbondesignsystem.com"
  wide
  variants={[
    {
      label: 'Auto Columns',
      variant: 'elements-flexgrid--auto-columns'
    },
    {
      label: 'Condensed',
      variant: 'elements-flexgrid--condensed'
    },
    {
      label: 'Condensed Columns',
      variant: 'elements-flexgrid--condensed-columns'
    },
    {
      label: 'Full Width',
      variant: 'elements-flexgrid--full-width'
    },
    {
      label: 'Mixed Gutter Modes',
      variant: 'elements-flexgrid--mixed-gutter-modes'
    },
    {
      label: 'Narrow',
      variant: 'elements-flexgrid--narrow'
    },
    {
      label: 'Narrow Columns',
      variant: 'elements-flexgrid--narrow-columns'
    },
    {
      label: 'Offset',
      variant: 'elements-flexgrid--offset'
    },
    {
      label: 'Responsive Grid',
      variant: 'elements-flexgrid--responsive-grid'
    }
  ]}
/>
