hidden

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

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