Defines the breakpoint at which the properties should change.
The breakpoint can represent either a specific screen width (in pixels)
or a predefined device type or viewport size.
Available breakpoints:
number - Width breakpoint in pixels, e.g., 768 for tablets or 1024 for desktops.
'viewport_desktop' - When the viewport width is categorized as desktop size.
'viewport_tablet' - When the viewport width is categorized as tablet size.
'viewport_phone' - When the viewport width is categorized as phone size.
'device_phone' - When the user is on a phone device, regardless of viewport size.
'device_tablet' - When the user is on a tablet device, regardless of viewport size.
'device_mobile' - When the user is on any mobile device (either phone or tablet).
settings
settings:Partial<S>
The property settings that should be applied when the defined breakpoint is matched.
Defines the breakpoint at which the properties should change. The
breakpointcan represent either a specific screen width (in pixels) or a predefined device type or viewport size.Available breakpoints:
number- Width breakpoint in pixels, e.g., 768 for tablets or 1024 for desktops.'viewport_desktop'- When the viewport width is categorized as desktop size.'viewport_tablet'- When the viewport width is categorized as tablet size.'viewport_phone'- When the viewport width is categorized as phone size.'device_phone'- When the user is on a phone device, regardless of viewport size.'device_tablet'- When the user is on a tablet device, regardless of viewport size.'device_mobile'- When the user is on any mobile device (either phone or tablet).