mantine-split-pane
A Mantine 9 React component for resizable split pane layouts with 7 resizer variants, context-based prop inheritance, responsive orientation, and dynamic pane generation.
File Explorer
Download Latest Version (.zip)- api.md
- patterns.md
- SKILL.md
- pull_request.yml
- copilot-instructions.md
- FUNDING.yml
- main.ts
- preview.tsx
- settings.json
- yarn-4.17.1.cjs
- overrides.d.ts
- favicon.svg
- logo-256.png
- DocsTabs.module.css
- DocsTabs.tsx
- index.ts
- AnimateBadge.module.css
- AnimateBadge.tsx
- index.ts
- apps.ts
- Footer.module.css
- Footer.tsx
- highlights.ts
- index.ts
- links.ts
- mantine-components.ts
- resources.ts
- sponsors.ts
- InstallScript.tsx
- MdxNpmScript.module.css
- MdxNpmScript.tsx
- index.ts
- MdxElements.module.css
- MdxElements.tsx
- MdxInfo.module.css
- MdxInfo.tsx
- PageHeaderLink.module.css
- PageHeaderLink.tsx
- index.ts
- PageHeader.module.css
- PageHeader.tsx
- getComponentName.ts
- index.ts
- PropsTable.tsx
- PropsTablesList.module.css
- PropsTablesList.tsx
- index.ts
- Logo.tsx
- Shell.module.css
- Shell.tsx
- index.ts
- ModifiersTable.tsx
- SelectorsTable.tsx
- StylesApiTable.module.css
- StylesApiTable.tsx
- StylesApiTablesList.tsx
- VariablesTable.tsx
- index.ts
- TableError.tsx
- index.ts
- TableInlineCode.module.css
- TableInlineCode.tsx
- index.ts
- TableOfContents.module.css
- TableOfContents.tsx
- styles-api.types.ts
- index.ts
- Split.demo.accessibility.tsx
- Split.demo.autoResizers.tsx
- Split.demo.autoResizersHorizontal.tsx
- Split.demo.autoResizersMultiple.tsx
- Split.demo.autoResizersThree.tsx
- Split.demo.autoResizersWithCustomProps.tsx
- Split.demo.configurator.tsx
- Split.demo.containerResize.tsx
- Split.demo.doubleclick.tsx
- Split.demo.dynamic.tsx
- Split.demo.dynamicAdvanced.tsx
- Split.demo.dynamicConditional.tsx
- Split.demo.events.tsx
- Split.demo.gradient.tsx
- Split.demo.grow.tsx
- Split.demo.initials.tsx
- Split.demo.inline.tsx
- Split.demo.max.tsx
- Split.demo.multiple.tsx
- Split.demo.nested.tsx
- Split.demo.nestedprops.tsx
- Split.demo.pane.tsx
- Split.demo.reset.tsx
- Split.demo.resizer.tsx
- Split.demo.resizerContent.tsx
- Split.demo.resizerEvents.tsx
- Split.demo.responsive.tsx
- Split.demo.responsiveOrientation.tsx
- Split.demo.snap.tsx
- Split.demo.snapAdvanced.tsx
- Split.demo.store.tsx
- _app.tsx
- _document.tsx
- index.tsx
- index.ts
- Split.styles-api.ts
- SplitPane.styles-api.ts
- SplitResizer.styles-api.ts
- data.ts
- docs.mdx
- mdx-components.tsx
- migrations.mdx
- next.config.mjs
- overrides.d.ts
- package.json
- postcss.config.js
- README.md
- theme.ts
- tsconfig.json
- index.ts
- SplitDynamic.tsx
- use-responsive-value.ts
- use-split-resizer-orientation.ts
- index.ts
- SplitPane.module.css
- SplitPane.story.tsx
- SplitPane.tsx
- index.ts
- snap.test.ts
- snap.ts
- SplitResizer.module.css
- SplitResizer.story.tsx
- SplitResizer.tsx
- index.ts
- Split.context.ts
- Split.errors.ts
- Split.module.css
- Split.story.tsx
- Split.test.tsx
- Split.tsx
- types.ts
- .npmignore
- package.json
- copy-social-image.ts
- docgen.ts
- generate-dts.ts
- nojekyll.ts
- prepare-css.ts
- release.ts
- run.ts
- update-version.ts
- .editorconfig
- .gitattributes
- .gitignore
- .npmignore
- .nvmrc
- .oxfmtrc.json
- .stylelintignore
- .stylelintrc.json
- .syncpackrc.cjs
- .yarnrc.yml
- CLAUDE.md
- CODE_OF_CONDUCT.md
- CONTRIBUTING.md
- jest.config.cjs
- jsdom.mocks.cjs
- LICENSE
- logo.jpeg
- oxlint.config.mjs
- package.json
- postcss.config.js
- README.md
- rollup.config.mjs
- social.jpeg
- tsconfig.build.json
- tsconfig.json
- vite.config.ts
- yarn.lock
// repository documentation
Was this content helpful?
(0 ratings)