elastic / elastic/eui

[BETA] Container queries utilitis

Open
#9,307 1 comment 0 reactions 1 assignee Claimed by @tkajtoch View on GitHub
beta stale-issue
Dominant language
TypeScript
Stars
6.4k
Forks
911
Avg merge
2d 11h
Merged PRs (30d)
65

Description

### Overview

Adding container queries utilities to EUI originates from a feature request: https://github.com/elastic/eui/issues/8265. It has been introduced on this epic: https://github.com/elastic/eui/issues/8822 and is currently in **beta** due to gathering feedback on added utilities and their API. This issue is intended to track the progress and necessary actions to transition the functionality out of beta status and into general availability.

### Feature Description

Container queries utilities enable users to use CSS container queries with Emotion and EUI easily. The added Emotion helpers speed up the process of setting up CSS containers, writing at-rules, and the React hook creates new ways to access container dimensions in a performant way.

See the epic for more details https://github.com/elastic/eui/issues/8822

### Next Steps

To facilitate the transition, we should:

- [x] Analyze user feedback from beta testers
- [x] Address any reported bugs or issues
- [x] Update documentation for full release
- [ ] Define performance benchmarks (if applicable)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.