Homecomponentsstructural

Alpha
This component is in development. There could be breaking changes made to it in a non-major release of Prism. Please use with caution.

Use Visible to show or hide elements on given breakpoints. These use breakpoints, so you need to resize the whole browser to see them in effect.

You can see me only on mobile
You can see me only on tablet
You can see me only on desktop
You can see me only on wide screens
Open in Playroom

You can also use more explicit breakpoints names.

You can see me only on mobile
You can see me only on tablet
You can see me only on desktop
You can see me only on wide screens
Open in Playroom

API

on
Required
The breakpoints when to show or hide the content.
ResponsiveValue<"yes" | "no">
children
Required
The content to be shown.
ReactNode
data
An object with the data keys and values.
DataAttributeMap
Table of Contents
API