Show / Hide

Show and Hide wrapper components render or not render the child elements if the media query matches.

    SourceTheme source@chakra-ui/media-query

Props#

above

Description

A value from the breakpoints section in the theme. Will render children from that breakpoint and above. Default breakpoint values: sm, md, lg, xl, 2xl.

Type
string

below

Description

A value from the breakpoints section in the theme. Will render children from that breakpoint and below. Default breakpoint values: sm, md, lg, xl, 2xl.

Type
string

breakpoint

Description

A custom css media query that determines when the children are rendered. Will render children if that query resolves to true.

Type
string

ssr

Type
boolean
Edit this page on GitHub

Proudly made inNigeria by Segun Adebayo

Deployed by â–² Vercel