Hidden
Utility component to responsively hide or show content.
Import#
import { Hidden } from '@volue/wave-react';
Examples#
Basic#
Hidden provides a way to hide or show content/components according to the passed value.
Hidden hides content both visually and for assistive technology/screen reader users.
For hiding content but keeping it available to screen readers, use Visually Hidden component.
Responsive#
Hidden supports responsive syntax for hide property, which means you can control the visibility based on the size of the viewport.
API Reference#
Prop | Type | Default |
|---|---|---|
as | enum | div |
css | StitchesCss | No default value |
hide | boolean | true |
display | enum | "block" |