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.
Show / Hide
Show and Hide wrapper components render or not render the child elements if the media query matches.
Props#
above
aboveDescription
Type
stringbelow
belowDescription
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
stringbreakpoint
breakpointDescription
A custom css media query that determines when the children are rendered.
Will render children if that query resolves to true.
Type
stringssr
ssrType
booleanProps#
above
aboveDescription
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
stringbelow
belowDescription
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
stringbreakpoint
breakpointDescription
A custom css media query that determines when the children are rendered.
Will render children if that query resolves to true.
Type
stringssr
ssrType
boolean