Skip to Content

Build faster with Premium Chakra UI Components 💎

Version 2.3.1

v2.3.1

@chakra-ui/css-reset@2.0.7#

Patch Changes#

cc0598ddc Thanks @segunadebayo! - Fix css in 100vh polyfill

@chakra-ui/menu@2.0.13#

Patch Changes#

732195d17 Thanks @segunadebayo! - Fix regression in use menu group state
Updated dependencies

@chakra-ui/provider@2.0.16#

Patch Changes#

Updated dependencies [cc0598ddc]

@chakra-ui/react@2.3.1#

Patch Changes#

Updated dependencies [732195d17, ec23eb020, cc0598ddc]

@chakra-ui/styled-system@2.3.1#

Patch Changes#

ec23eb020 Thanks @segunadebayo! - Allow user optin to the 100vh polyfill because it's only useful in absolute or fixed layout modes.

Chakra new polyfills the 100vh attribute to use either the literal 100vh or -webkit-fill-available where supported. To use this feature, set the height values to $100vh instead of 100vh.
```
// Might not work in all cases
<Box minHeight="100vh" position="absolute">
  Test
</Box>

// Polyfilled version ensures 100vh work correctly
<Box minHeight="$100vh" position="absolute">
  Test
</Box>
```

@chakra-ui/system@2.2.9#

Patch Changes#

Updated dependencies [ec23eb020]

@chakra-ui/theme@2.1.10#

Patch Changes#

ec23eb020 Thanks @segunadebayo! - Allow user optin to the 100vh polyfill because it's only useful in absolute or fixed layout modes.

Chakra new polyfills the 100vh attribute to use either the literal 100vh or -webkit-fill-available where supported. To use this feature, set the height values to $100vh instead of 100vh.
```
// Might not work in all cases
<Box minHeight="100vh" position="absolute">
  Test
</Box>

// Polyfilled version ensures 100vh work correctly
<Box minHeight="$100vh" position="absolute">
  Test
</Box>
```
Updated dependencies

@chakra-ui/toast@3.0.9#

Patch Changes#

Updated dependencies [ec23eb020]

@chakra-ui/props-docs@2.0.17#

Patch Changes#

Updated dependencies [ec23eb020]

@chakra-ui/test-utils@2.0.17#

Patch Changes#

Updated dependencies [ec23eb020]