Configs
The package exports three shareable configs for staged adoption:
- ๐ก
container-query-recommendedโ low-noise baseline for named containers and impossible ranges. - ๐ด
container-query-strictโ full policy for teams that want explicit containment contracts and tokenized breakpoints. - ๐ฃ
container-query-allโ complete public rule catalog. It currently matches strict because every non-recommended rule is intentionally strict.
Use them from containerQuerySanityPluginConfigs or from extends subpath exports.
Preset matrixโ
Legend: โ = enabled ยท โ = not enabled
| Rule | ๐ก Recommended | ๐ด Strict | ๐ฃ All |
|---|---|---|---|
no-block-axis-query-on-inline-size-container | โ | โ | โ |
no-conflicting-container-name-declarations | โ | โ | โ |
no-degenerate-container-query-conditions | โ | โ | โ |
no-invalid-container-query-ranges | โ | โ | โ |
no-scroll-state-query-on-non-scroll-state-container | โ | โ | โ |
no-size-query-on-non-size-container | โ | โ | โ |
no-unknown-container-names | โ | โ | โ |
no-unreachable-container-intervals | โ | โ | โ |
prefer-logical-size-features | โ | โ | โ |
prefer-range-syntax | โ | โ | โ |
require-breakpoint-token-usage | โ | โ | โ |
require-container-type-for-named-containers | โ | โ | โ |
require-named-container | โ | โ | โ |
Which config should I use?โ
- Start with ๐ก
container-query-recommendedwhen introducing the plugin into an existing codebase. - Move to ๐ด
container-query-strictwhen every component should declare reliable container contracts and tokenized query thresholds. - Use ๐ฃ
container-query-allwhen you want a config that always follows the complete public rule surface.