Documentation
Components
Hidden

Hidden

The Hidden component allows you to hide content responsively. This can be achieved by using the above and below props, which let you specify a breakpoint name.

⚠️

To use Hidden you must add the Babel plugin to your config.

module.exports = {
  plugins: [
    ...
    '@grapp/stacks/plugin',
  ],
};

Props

above

Type
Breakpoint

Hides the content if the current breakpoint is larger than the provided breakpoint.

below

Type
Breakpoint

Hides the content if the current breakpoint is smaller than the provided breakpoint.

GridInline