hidden

import { Grid, GridCol, Box, hiddenHelpers } from '@flixbus/honeycomb-react';
const { hidden, hiddenZero, hiddenXS, hiddenSM, hiddenMD, hiddenLG, hiddenXL } = hiddenHelpers();

<Grid>
  <GridCol size={6}><Box extraClasses={hidden}>Always hidden</Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenZero}>Hidden in breakpoint: <strong>zero</strong></Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenXS}>Hidden in breakpoint: <strong>xs</strong></Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenSM}>Hidden in breakpoint: <strong>sm</strong></Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenMD}>Hidden in breakpoint: <strong>md</strong></Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenLG}>Hidden in breakpoint: <strong>lg</strong></Box></GridCol>
  <GridCol size={6}><Box extraClasses={hiddenXL}>Hidden in breakpoint: <strong>xl</strong></Box></GridCol>
</Grid>