You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
You can now use container queries
in Grid component. With container queries, all responsive values
are adjusted based on the container width, not the viewport width.
Example of using container queries. To see how the grid changes, resize the root element
of the demo with the resize handle located at the bottom right corner of the demo:
import { Grid } from '@mantine/core';
function Demo() {
return (
// Wrapper div is added for demonstration purposes only,
</tr></table>
Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.
Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR:
- `@dependabot rebase` will rebase this PR
- `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it
- `@dependabot merge` will merge this PR after your CI passes on it
- `@dependabot squash and merge` will squash and merge this PR after your CI passes on it
- `@dependabot cancel merge` will cancel a previously requested merge and block automerging
- `@dependabot reopen` will reopen this PR if it is closed
- `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
- `@dependabot show ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore major version` will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
- `@dependabot ignore minor version` will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
- `@dependabot ignore ` will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore ` will remove all of the ignore conditions of the specified dependency
- `@dependabot unignore ` will remove the ignore condition of the specified dependency and ignore conditions
Bumps the mantine group with 6 updates:
7.12.27.13.17.12.27.13.17.12.27.13.17.12.27.13.17.12.27.13.17.12.27.13.1Updates
@mantine/chartsfrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/charts's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.16bdffea[@mantine/chart] PieChart: Remove unused CSS (#6903)2ee78ab[@mantine/chart] Fix incorrect types for props passed down to recharts compon...afb82ca[@mantine/chart] BarChart: Fix BarLabel logging errors in the console (#6810)27716f8[@mantine/chart] Fix error when chart tooltip label contains period (#6826)8b18596[release] Version: 7.13.0d21d85eMerge branch 'master' of github.com:mantinedev/mantine into 7.131f0034cMerge branch 'master' of github.com:mantinedev/mantine into 7.13144aee6[mantine.dev] Add all CompositeChart demos41f9f8a[mantine.dev] Init CompositeChart demosUpdates
@mantine/corefrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/core's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.1992cb04[@mantine/core] Menu: FixonKeyDownnot working when passed to Menu.Item (#...d6f0e1d[@mantine/core] TagsInput: Fix duplicated tags being deleted when one of tags...81440bc[@mantine/core] PinInput: Fix incorrectBackspacekey handling on the first...5896d46[@mantine/core] ScrollArea: FixonTopReachedprop not being passed down in ...ca528f2[@mantine/core] Title: Add option to use Text font-size and line-height value...8fb3297[@mantine/core] Fix2xland other similar values being treated as CSS value...f1f9cf0[@mantine/core] Breadcrumbs: Fix component with large number of values not wr...ef069cc[mantine.dev] Fix typo (#6861)f9c310f[@mantine/core] Table: Fix thead being overlayed to td in some cases (#6860)Updates
@mantine/hooksfrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/hooks's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.1b6796b3[@mantine/hooks] use-hover: Fix events not being reattached when the target n...16c4d9c[@mantine/hooks] use-state-history: Addresethandler support (#6769)8b18596[release] Version: 7.13.0e5f3a53[core] Migrate to eslint 9Updates
@mantine/notificationsfrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/notifications's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.18b18596[release] Version: 7.13.0Updates
@mantine/spotlightfrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/spotlight's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.18b18596[release] Version: 7.13.0e5f3a53[core] Migrate to eslint 9Updates
@mantine/tiptapfrom 7.12.2 to 7.13.1Release notes
Sourced from
@mantine/tiptap's releases.... (truncated)
Commits
0f0b871[release] Version: 7.13.18b18596[release] Version: 7.13.0e5f3a53[core] Migrate to eslint 9Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting
@dependabot rebase.Dependabot commands and options
You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show