Add utility to help switch component configuration based on breakpoints

[jcfranco]

Check existing issues

• I have checked for existing issues to avoid duplicates

Description

In order to support responsive efforts, we should provide a utility to help components switch between configurations depending on the viewport size.

Acceptance Criteria

A component utility that helps apply different configurations (prop/values) based on the viewport size.

Relevant Info

@macandcheese since you explored this option a while back, can you share any findings or additional background/requirements needed?

We'd also need to define a pattern and document how such utilities would be available to users.

Which Component

This would be applicable to all components.

Example Use Case

Configuring a dialog to use full screen for mobile viewport sizes and center for other sizes.

Priority impact

impact - p3 - not time sensitive

Calcite package

• @esri/calcite-components
• @esri/calcite-components-react
• @esri/calcite-design-tokens
• @esri/calcite-ui-icons
• @esri/eslint-plugin-calcite-components

Esri team

Calcite (dev)