Responsive
Responsive can control visibility of content.

Themed

This section is intended as a reference for specific use cases of components, or compositions of them, that are not covered in the component's default examples.

Types

Responsive

Responsive is always visible.

Instead of Grid visibility breakpoints, Responsive doesn't render invisible content.

Minimal Width

You can pass minimal width value at which content will be displayed.

Maximum Width

You can pass maximum width value at which content will be displayed.

Mixed

You can pass minimal and maximum width value at which content will be displayed.

Content

Responsive can contain different content.

Usage

Predefined breakpoints

Responsive has predefined breakpoints that mimics SUI default variables.

OnUpdate

Responsive listens for window resize events and calls event handler.

Fire on mount

Responsive can fire callbacks immediately after mount.

This is the bottom